@charset "UTF-8";
.block-text .bold {
  font-weight: bold; }

.block-text-yugo {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500; }
  .block-text-yugo .bold {
    font-weight: bold; }

@media screen and (min-width: 768px), print {
  .contents-wapper {
    width: 1100px;
    margin-left: auto;
    margin-right: auto; }
  .hideAnchor {
    display: block;
    height: 0px;
    overflow: hidden;
    text-indent: -9999px;
    margin-top: -120px;
    padding-bottom: 120px; }
  main {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.8;
    /*------------------------ここまでmain-------------------------------------------------------------------------------------*/ }
    main a {
      color: inherit; }
    main .mb-xs {
      margin-bottom: 25px; }
    main .mb-s {
      margin-bottom: 35px; }
    main .mb-m {
      margin-bottom: 50px; }
    main .mb-l {
      margin-bottom: 75px; }
    main .mb-xl {
      margin-bottom: 100px; }
    main .mb {
      margin-bottom: 30px; }
    main .mb02 {
      margin-bottom: 75px; }
    main .float-r {
      float: right; }
    main .float-l {
      float: left; }
    main .clear-b {
      clear: both; }
    main section {
      margin-bottom: 80px; }
    main .functional-common-style {
      /*------------------------commonstyleここまで-----------------------------*/ }
      main .functional-common-style .contents-wapper {
        width: 1000px;
        margin-left: auto;
        margin-right: auto; }
      main .functional-common-style .common-mb {
        margin-bottom: 40px; }
      main .functional-common-style .common-mb02 {
        margin-bottom: 70px; }
      main .functional-common-style .common-mb03 {
        margin-bottom: 25px; }
      main .functional-common-style .common-title {
        border-bottom: 2px solid #000;
        padding-bottom: 5px;
        margin-bottom: 35px;
        padding-top: 45px;
        /*------------------------ここまで-----------------------------*/ }
        main .functional-common-style .common-title::before {
          content: '';
          width: 50px;
          height: 30px;
          display: inline-block;
          background: url(../images/functional/house.png) no-repeat center bottom;
          margin-right: .5em; }
      main .functional-common-style .contents-bg {
        background-color: #efebe6;
        padding: 15px  50px 45px; }
      main .functional-common-style .cl-ajust {
        /*------------------------ここまで-----------------------------*/ }
        main .functional-common-style .cl-ajust .bt-ajust {
          width: 420px; }
  #lead {
    /*------------------------ここまでlead-----------------------------*/ }
    #lead .contents-wapper {
      padding: 0 50px; }
    #lead .lead-main {
      height: 345px;
      background: url(../images/functional/lead-ttl-bg.jpg) no-repeat center top;
      position: relative;
      /*------------------------ここまで-----------------------------*/ }
      #lead .lead-main .lead-title {
        right: 20px;
        position: absolute;
        bottom: 20px;
        /*------------------------ここまで-----------------------------*/ }
    #lead .lead-sub-title {
      text-align: center;
      /*------------------------ここまで-----------------------------*/ }
  #functional01 {
    /*------------------------ここまで-----------------------------*/ }
    #functional01 .contents-wapper {
      /*------------------------ここまで-----------------------------*/ }
      #functional01 .contents-wapper .common-title {
        background: url(../images/functional/house02.png) no-repeat right 20px bottom; }
  #functional02 {
    margin-bottom: 0;
    /*------------------------ここまで-----------------------------*/ }
    #functional02 .contents-wapper {
      /*------------------------ここまで-----------------------------*/ }
      #functional02 .contents-wapper .common-title {
        background: url(../images/functional/house03.png) no-repeat right 20px bottom; }
      #functional02 .contents-wapper .list {
        /*------------------------ここまでlist-----------------------------*/ }
        #functional02 .contents-wapper .list li {
          border: 2px solid #000;
          margin-bottom: 15px;
          /*------------------------ここまでli-----------------------------*/ }
          #functional02 .contents-wapper .list li:last-child {
            margin-bottom: 0; }
          #functional02 .contents-wapper .list li .clump-wapper {
            height: 286px;
            background-color: #fff; }
            #functional02 .contents-wapper .list li .clump-wapper .sub-title {
              padding-top: 25px;
              text-align: center;
              margin-bottom: 20px;
              float: left;
              width: 430px;
              position: relative;
              /*------------------------ここまでsub-title-----------------------------*/ }
              #functional02 .contents-wapper .list li .clump-wapper .sub-title span {
                display: block; }
              #functional02 .contents-wapper .list li .clump-wapper .sub-title .no {
                line-height: 1;
                margin-bottom: 8px; }
              #functional02 .contents-wapper .list li .clump-wapper .sub-title .jp {
                line-height: 1.5;
                color: #a13131;
                font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
                font-size: 22px;
                font-weight: bold; }
              #functional02 .contents-wapper .list li .clump-wapper .sub-title::after {
                content: '';
                width: 300px;
                height: 1px;
                border-bottom: 1px dashed #000;
                display: inline-block;
                position: absolute;
                bottom: -8px;
                left: 50%;
                transform: translate(-50%, -50%); }
            #functional02 .contents-wapper .list li .clump-wapper .picture {
              float: right; }
            #functional02 .contents-wapper .list li .clump-wapper .bt-ajust02 {
              float: left;
              line-height: 1.5;
              width: 430px;
              padding: 0 50px; }
          #functional02 .contents-wapper .list li:nth-child(even) {
            /*------------------------ここまで&:nth-child(even)-----------------------------------------*/ }
            #functional02 .contents-wapper .list li:nth-child(even) .clump-wapper .sub-title {
              float: right;
              /*------------------------ここまでsub-title-----------------------------*/ }
            #functional02 .contents-wapper .list li:nth-child(even) .clump-wapper .picture {
              float: left; }
            #functional02 .contents-wapper .list li:nth-child(even) .clump-wapper .bt-ajust02 {
              float: right; }
  #functional03 {
    /*------------------------ここまで-----------------------------*/ }
    #functional03 .contents-wapper {
      /*------------------------ここまで-----------------------------*/ }
      #functional03 .contents-wapper .inner-wapper {
        padding: 20px 50px 50px;
        background: url(../images/functional/green.jpg);
        /*------------------------ここまで-----------------------------*/ }
        #functional03 .contents-wapper .inner-wapper .title {
          text-align: center;
          width: 400px;
          margin-left: auto;
          margin-right: auto;
          background: url(../images/functional/ttl03-parts.png) no-repeat left top 80%, url(../images/functional/ttl03-parts.png) no-repeat right top 80%; }
          #functional03 .contents-wapper .inner-wapper .title span {
            display: block; }
          #functional03 .contents-wapper .inner-wapper .title .en {
            margin-bottom: 15px; }
        #functional03 .contents-wapper .inner-wapper .list {
          /*------------------------ここまでlist-----------------------------*/ }
          #functional03 .contents-wapper .inner-wapper .list li {
            margin-bottom: 25px;
            background-color: #fff;
            padding: 30px 25px;
            /*------------------------ここまでli-----------------------------*/ }
            #functional03 .contents-wapper .inner-wapper .list li:last-child {
              margin-bottom: 0; }
            #functional03 .contents-wapper .inner-wapper .list li .sub-title {
              text-align: center;
              font-size: 20px;
              font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
              font-weight: bold; }
            #functional03 .contents-wapper .inner-wapper .list li .picture {
              text-align: center; }
  #functional04 {
    /*------------------------ #functional04-------------------------------------------------------------------------------------*/ }
    #functional04 .contents-wapper {
      /*------------------------ -----------------------------*/ }
      #functional04 .contents-wapper .common-title {
        background: url(../images/functional/house05.png) no-repeat right 20px bottom;
        /*------------------------ -----------------------------*/ }
      #functional04 .contents-wapper .list02 {
        margin-bottom: 35px;
        /*------------------------ list-----------------------------*/ }
        #functional04 .contents-wapper .list02 > li {
          margin-bottom: 35px;
          /*------------------------ li-----------------------------*/ }
          #functional04 .contents-wapper .list02 > li:last-child {
            margin-bottom: 0; }
          #functional04 .contents-wapper .list02 > li .clump-wapper {
            background-color: #fff;
            padding-bottom: 20px; }
            #functional04 .contents-wapper .list02 > li .clump-wapper .list-title {
              text-align: center;
              padding: 10px 0 15px;
              line-height: 1;
              background: url(../images/functional/list-title-bg.jpg);
              /*------------------------ -----------------------------*/ }
              #functional04 .contents-wapper .list02 > li .clump-wapper .list-title span {
                display: block; }
              #functional04 .contents-wapper .list02 > li .clump-wapper .list-title .en {
                margin-bottom: 10px; }
          #functional04 .contents-wapper .list02 > li .cf-ajust {
            padding: 20px 30px 0;
            background-color: #fff; }
          #functional04 .contents-wapper .list02 > li:nth-child(1) {
            /*------------------------nth-child(1) -----------------------------*/ }
            #functional04 .contents-wapper .list02 > li:nth-child(1) .bt-ajust {
              width: 340px; }
          #functional04 .contents-wapper .list02 > li:nth-child(2) {
            /*------------------------nth-child(1) -----------------------------*/ }
            #functional04 .contents-wapper .list02 > li:nth-child(2) .bt-ajust {
              width: 440px; }
            #functional04 .contents-wapper .list02 > li:nth-child(2) .picture02 {
              text-align: center; }
      #functional04 .contents-wapper .block-section-end {
        height: 295px;
        display: -moz-flex;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        flex-wrap: wrap;
        -webkit-flex-pack: center;
        -moz-flex-pack: center;
        -moz-justify-content: center;
        justify-content: center;
        background: url(../images/functional/bse-parts01.png) no-repeat right 10% bottom 40%, url(../images/functional/bse-bg.jpg) no-repeat top center; }
        #functional04 .contents-wapper .block-section-end .txt {
          -ms-align-self: center;
          -ms-grid-row-align: center;
              align-self: center; }
  #functional05 {
    /*------------------------#functional05 ---------------------------------------------------------------------------------------------------*/ }
    #functional05 .contents-wapper {
      padding: 30px 50px;
      /*------------------------contents-wapper -----------------------------*/ }
      #functional05 .contents-wapper.contents-bg02 {
        background: url(../images/functional/st01.png); }
      #functional05 .contents-wapper .title {
        margin-bottom: 30px;
        background: url(../images/functional/pom-bg.jpg) no-repeat left top;
        height: 300px;
        position: relative;
        padding-right: 125px;
        display: -moz-flex;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        flex-wrap: wrap;
        -webkit-flex-pack: end;
        -moz-flex-pack: end;
        -moz-justify-content: flex-end;
        justify-content: flex-end;
        /*------------------------ -----------------------------*/ }
        #functional05 .contents-wapper .title .logo {
          position: absolute;
          bottom: 30px;
          right: 30px; }
        #functional05 .contents-wapper .title .ttl01 {
          -ms-align-self: center;
          -ms-grid-row-align: center;
              align-self: center; }
      #functional05 .contents-wapper .list03 {
        margin-bottom: 50px;
        /*-----------------------list03 -----------------------------*/ }
        #functional05 .contents-wapper .list03 > li {
          margin-bottom: 30px;
          width: 900px;
          margin-left: auto;
          margin-right: auto;
          border: 1px solid #000;
          background-color: #fff;
          padding: 30px 40px;
          /*------------------------li -----------------------------*/ }
          #functional05 .contents-wapper .list03 > li:last-child {
            margin-bottom: 0; }
          #functional05 .contents-wapper .list03 > li .clump-wapper {
            /*------------------------clump-wapper -----------------------------*/ }
            #functional05 .contents-wapper .list03 > li .clump-wapper .list-title {
              margin-bottom: 35px;
              float: left;
              width: 414px;
              position: relative;
              /*------------------------ -----------------------------*/ }
              #functional05 .contents-wapper .list03 > li .clump-wapper .list-title .no {
                position: absolute;
                top: -45px; }
              #functional05 .contents-wapper .list03 > li .clump-wapper .list-title .jp {
                padding-left: 70px; }
            #functional05 .contents-wapper .list03 > li .clump-wapper .picture {
              float: right; }
            #functional05 .contents-wapper .list03 > li .clump-wapper .bt-ajust {
              padding-left: 35px;
              float: left;
              width: 414px; }
              #functional05 .contents-wapper .list03 > li .clump-wapper .bt-ajust strong {
                color: #bc1d1d;
                font-weight: bold; }
          #functional05 .contents-wapper .list03 > li:nth-child(even) {
            /*------------------------nth-child(even) -----------------------------*/ }
            #functional05 .contents-wapper .list03 > li:nth-child(even) .list-title {
              float: right;
              width: 414px;
              /*------------------------ -----------------------------*/ }
            #functional05 .contents-wapper .list03 > li:nth-child(even) .picture {
              float: left; }
            #functional05 .contents-wapper .list03 > li:nth-child(even) .bt-ajust {
              float: right; }
  #block-end {
    width: 900px;
    margin: 0 auto;
    margin-bottom: 70px;
    position: relative;
    /*------------------------ここまで-----------------------------*/ }
    #block-end .contents-wapper {
      height: 262px;
      width: 900px;
      background: url(../images/functional/end-bg.jpg); }
    #block-end .caption {
      text-align: center;
      padding-top: 25px;
      margin-bottom: 27px; }
    #block-end .pcture {
      position: absolute;
      top: 0;
      right: 30px; }
    #block-end .bt-ajust03 {
      margin-left: 80px;
      width: 600px;
      line-height: 1.6;
      font-size: 15px;
      color: #fff;
      padding-bottom: 20px;
      background: url(../images/functional/house07.png) no-repeat bottom 0 right; }

.block-text-yugo-btn{
  padding: 0 0 0 273px;}


  /*------------------------ここまでPC----------------------------------------------------------------*/ 
}



@media screen and (max-width: 767px) {
  main {
    font-size: 1.3rem;
    line-height: 1.8;
    /*------------------------ここまでmain-------------------------------------------------------------------------------------*/ }
    main a {
      color: inherit; }
    main .mb-xs {
      margin-bottom: 3%; }
    main .mb-s {
      margin-bottom: 5%; }
    main .mb-m {
      margin-bottom: 8%; }
    main .mb-l {
      margin-bottom: 10%; }
    main .mb-xl {
      margin-bottom: 10%; }
    main .mb {
      margin-bottom: 3%; }
    main .mb75 {
      margin-bottom: 5%; }
    main .float-r {
      float: none;
      width: 100%; }
    main .float-l {
      float: none;
      width: 100%; }
    main section {
      margin-bottom: 8%; }
    main .functional-common-style {
      /*------------------------commonstyleここまで-----------------------------*/ }
      main .functional-common-style .contents-wapper {
        padding: 0 3%; }
      main .functional-common-style .common-mb {
        margin-bottom: 8%; }
      main .functional-common-style .common-mb02 {
        margin-bottom: 8%; }
      main .functional-common-style .common-mb03 {
        margin-bottom: 5%; }
      main .functional-common-style .common-title {
        border-bottom: 2px solid #000;
        padding-bottom: 3%;
        margin-bottom: 8%;
        padding-top: 30%;
        width: 95%;
        margin-left: auto;
        margin-right: auto;
        /*------------------------ここまで-----------------------------*/ }
      main .functional-common-style .contents-bg {
        background-color: #efebe6;
        padding: 7% 3% 5%; }
      main .functional-common-style .cl-ajust {
        /*------------------------ここまで-----------------------------*/ }
        main .functional-common-style .cl-ajust .picture {
          margin-bottom: 5%; }
  #lead {
    /*------------------------ここまでlead-----------------------------*/ }
    #lead .lead-main {
      background: url(../images/functional/lead-ttl-bg.jpg) no-repeat center top;
      background-size: cover;
      padding: 5% 0;
      /*------------------------ここまで-----------------------------*/ }
      #lead .lead-main .lead-title {
        padding-right: 3%;
        /*------------------------ここまで-----------------------------*/ }
        #lead .lead-main .lead-title span {
          display: block;
          width: 33%;
          margin-left: auto; }
        #lead .lead-main .lead-title .en {
          margin-bottom: 3%; }
    #lead .lead-sub-title {
      width: 95%;
      margin-left: auto;
      margin-right: auto;
      /*------------------------ここまで-----------------------------*/ }
  #functional01 {
    /*------------------------ここまで-----------------------------*/ }
    #functional01 .contents-wapper {
      /*------------------------ここまで-----------------------------*/ }
      #functional01 .contents-wapper .common-title {
        background: url(../images/functional/house02.png) no-repeat center top; }
  #functional02 {
    /*------------------------ここまで-----------------------------*/ }
    #functional02 .contents-wapper {
      /*------------------------ここまで-----------------------------*/ }
      #functional02 .contents-wapper .common-title {
        background: url(../images/functional/house03.png) no-repeat center top; }
      #functional02 .contents-wapper .list {
        /*------------------------ここまでlist-----------------------------*/ }
        #functional02 .contents-wapper .list li {
          border: 2px solid #000;
          padding: 2%;
          margin-bottom: 8%;
          /*------------------------ここまでli-----------------------------*/ }
          #functional02 .contents-wapper .list li:last-child {
            margin-bottom: 0; }
          #functional02 .contents-wapper .list li .clump-wapper {
            padding: 3%;
            background-color: #fff; }
            #functional02 .contents-wapper .list li .clump-wapper .sub-title {
              padding-top: 3%;
              text-align: center;
              margin-bottom: 8%;
              position: relative;
              /*------------------------ここまでsub-title-----------------------------*/ }
              #functional02 .contents-wapper .list li .clump-wapper .sub-title span {
                display: block; }
              #functional02 .contents-wapper .list li .clump-wapper .sub-title .no {
                line-height: 1;
                margin-bottom: 4%; }
              #functional02 .contents-wapper .list li .clump-wapper .sub-title .jp {
                line-height: 1.5;
                color: #a13131;
                font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
                font-size: 1.7rem;
                letter-spacing: -.01em;
                font-weight: bold; }
              #functional02 .contents-wapper .list li .clump-wapper .sub-title::after {
                content: '';
                width: 80%;
                height: 1px;
                border-bottom: 1px dashed #000;
                display: inline-block;
                position: absolute;
                bottom: -8px;
                left: 50%;
                transform: translate(-50%, -50%); }
            #functional02 .contents-wapper .list li .clump-wapper .picture {
              margin-bottom: 5%; }
            #functional02 .contents-wapper .list li .clump-wapper .bt-ajust02 {
              line-height: 1.5;
              padding: 0 5%; }
          #functional02 .contents-wapper .list li:nth-child(even) {
            /*------------------------ここまで&:nth-child(even)-----------------------------------------*/ }
            #functional02 .contents-wapper .list li:nth-child(even) .clump-wapper .sub-title {
              /*------------------------ここまでsub-title-----------------------------*/ }
  #functional03 {
    /*------------------------ここまで-----------------------------*/ }
    #functional03 .contents-wapper {
      /*------------------------ここまで-----------------------------*/ }
      #functional03 .contents-wapper .inner-wapper {
        padding: 3% 5% 5%;
        background: url(../images/functional/green.jpg);
        /*------------------------ここまで-----------------------------*/ }
        #functional03 .contents-wapper .inner-wapper .title {
          text-align: center;
          background: url(../images/functional/ttl03-parts.png) no-repeat left top, url(../images/functional/ttl03-parts.png) no-repeat right top; }
          #functional03 .contents-wapper .inner-wapper .title span {
            display: block; }
          #functional03 .contents-wapper .inner-wapper .title .en {
            margin-bottom: 8%; }
        #functional03 .contents-wapper .inner-wapper .list {
          /*------------------------ここまでlist-----------------------------*/ }
          #functional03 .contents-wapper .inner-wapper .list li {
            margin-bottom: 5%;
            background-color: #fff;
            padding: 5% 3% 3%;
            /*------------------------ここまでli-----------------------------*/ }
            #functional03 .contents-wapper .inner-wapper .list li:last-child {
              margin-bottom: 0; }
            #functional03 .contents-wapper .inner-wapper .list li .sub-title {
              text-align: center;
              font-size: 1.5rem;
              font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
              font-weight: bold; }
            #functional03 .contents-wapper .inner-wapper .list li .picture {
              text-align: center; }
  #functional04 {
    /*------------------------ #functional04-------------------------------------------------------------------------------------*/ }
    #functional04 .contents-wapper {
      /*------------------------ -----------------------------*/ }
      #functional04 .contents-wapper .common-title {
        background: url(../images/functional/house05.png) no-repeat center top;
        /*------------------------ -----------------------------*/ }
      #functional04 .contents-wapper .list02 {
        margin-bottom: 5%;
        /*------------------------ list-----------------------------*/ }
        #functional04 .contents-wapper .list02 > li {
          border: 1px solid #8a8783;
          margin-bottom: 5%;
          /*------------------------ li-----------------------------*/ }
          #functional04 .contents-wapper .list02 > li:last-child {
            margin-bottom: 0; }
          #functional04 .contents-wapper .list02 > li .clump-wapper {
            background-color: #fff;
            padding-bottom: 3%; }
            #functional04 .contents-wapper .list02 > li .clump-wapper .list-title {
              text-align: center;
              padding: 1% 0 2%;
              background: url(../images/functional/list-title-bg.jpg);
              background-size: cover;
              border-bottom: 1px solid #8a8783;
              /*------------------------ -----------------------------*/ }
              #functional04 .contents-wapper .list02 > li .clump-wapper .list-title span {
                display: block; }
              #functional04 .contents-wapper .list02 > li .clump-wapper .list-title .en {
                margin-bottom: 1%; }
              #functional04 .contents-wapper .list02 > li .clump-wapper .list-title .jp .sp-min {
                font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
                font-size: 1.3em;
                font-weight: bold; }
          #functional04 .contents-wapper .list02 > li .picture {
            width: 95%;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 5%; }
          #functional04 .contents-wapper .list02 > li .picture02 {
            width: 95%;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 5%; }
          #functional04 .contents-wapper .list02 > li .cf-ajust {
            padding: 5% 2% 0;
            background-color: #fff; }
          #functional04 .contents-wapper .list02 > li:nth-child(1) {
            /*------------------------nth-child(1) -----------------------------*/ }
          #functional04 .contents-wapper .list02 > li:nth-child(2) {
            /*------------------------nth-child(1) -----------------------------*/ }
            #functional04 .contents-wapper .list02 > li:nth-child(2) .picture02 {
              text-align: center; }
      #functional04 .contents-wapper .block-section-end {
        padding: 6% 2%;
        display: -moz-flex;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        flex-wrap: wrap;
        -webkit-flex-pack: center;
        -moz-flex-pack: center;
        -moz-justify-content: center;
        justify-content: center;
        background: url(../images/functional/bse-bg.jpg) no-repeat top center; }
        #functional04 .contents-wapper .block-section-end .txt {
          -ms-align-self: center;
          -ms-grid-row-align: center;
              align-self: center; }
  #functional05 {
    /*------------------------#functional05 ---------------------------------------------------------------------------------------------------*/ }
    #functional05 .contents-wapper {
      padding: 5% 3%;
      /*------------------------contents-wapper -----------------------------*/ }
      #functional05 .contents-wapper.contents-bg02 {
        background: url(../images/functional/st01.png); }
      #functional05 .contents-wapper .title {
        background-color: rgba(255, 255, 255, 0.4);
        padding: 8% 0;
        margin-bottom: 10%;
        /*------------------------ -----------------------------*/ }
        #functional05 .contents-wapper .title span {
          display: block; }
        #functional05 .contents-wapper .title .logo {
          margin-bottom: 5%;
          text-align: center; }
        #functional05 .contents-wapper .title .ttl01 {
          width: 55%;
          margin-left: auto;
          margin-right: auto; }
      #functional05 .contents-wapper .list03 {
        margin-bottom: 15%;
        /*-----------------------list03 -----------------------------*/ }
        #functional05 .contents-wapper .list03 > li {
          margin-bottom: 10%;
          padding: 0% 3% 5%;
          border: 1px solid #000;
          background-color: #fff;
          /*------------------------li -----------------------------*/ }
          #functional05 .contents-wapper .list03 > li:last-child {
            margin-bottom: 0; }
          #functional05 .contents-wapper .list03 > li .clump-wapper {
            /*------------------------clump-wapper -----------------------------*/ }
            #functional05 .contents-wapper .list03 > li .clump-wapper .list-title {
              margin-bottom: 10%;
              /*------------------------ -----------------------------*/ }
              #functional05 .contents-wapper .list03 > li .clump-wapper .list-title .no {
                display: block;
                text-align: center;
                position: relative;
                top: -15px; }
              #functional05 .contents-wapper .list03 > li .clump-wapper .list-title .jp {
                text-align: center;
                display: block; }
            #functional05 .contents-wapper .list03 > li .clump-wapper .picture {
              margin-bottom: 8%;
              width: 90%;
              margin-left: auto;
              margin-right: auto; }
            #functional05 .contents-wapper .list03 > li .clump-wapper .bt-ajust strong {
              color: #bc1d1d; }
  #block-end {
    margin-bottom: 0%;
    background-size: cover;
    position: relative;
    /*------------------------ここまで-----------------------------*/ }
    #block-end .contents-wapper {
      background: url(../images/functional/end-bg.jpg);
      padding: 5% 5% 8%; }
    #block-end .caption {
      padding-top: 2%;
      margin-bottom: 8%;
      text-align: center; }
    #block-end .pcture {
      width: 50%;
      position: absolute;
      right: -5%;
      bottom: 0;
      display: block; }
    #block-end .bt-ajust03 {
      width: 65%;
      line-height: 1.6;
      font-size: 1.4rem;
      color: #fff; }

.block-text-yugo-btn{
 margin: 0 0 8% 0;}

  /*------------------------ここまでSP-----------------------------------------------------------------------------------------------*/ }