/* Scss Document */
/* Scss Document */
#page_ttl {
  background: url(../images/tsuinosumai/page_ttl_bg.jpg) top center no-repeat; }

.lttl {
  text-align: center; }

#about {
  background: url(../images/tsuinosumai/content_bg_top.png) top center no-repeat; }
  #about .lttl {
    padding: 90px 0 0;
    background: url(../images/tsuinosumai/about_ttl_bg.png) top center no-repeat; }
  #about .about_list {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    #about .about_list_item {
      width: 320px;
      margin: 0 20px;
      text-align: center; }
      #about .about_list_item h3 {
        margin-bottom: 30px; }
      #about .about_list_item p {
        line-height: 1.8; }
      #about .about_list_item01 {
        position: relative; }
        #about .about_list_item01 p {
          padding: 2em 0; }
        #about .about_list_item01:after {
          content: '';
          width: 63px;
          height: 63px;
          background: url(../images/tsuinosumai/about_ico_cross.png);
          position: absolute;
          top: 40px;
          right: -13px; }
      #about .about_list_item02 {
        position: relative; }
        #about .about_list_item02:after {
          content: '';
          width: 63px;
          height: 63px;
          background: url(../images/tsuinosumai/about_ico_cross.png);
          position: absolute;
          top: 40px;
          right: -13px; }
      #about .about_list_item03 p {
        padding: 1em 0; }

#want {
  height: 672px;
  background: url(../images/tsuinosumai/want_bg.jpg) top center no-repeat; }
  #want h2 {
    margin-top: 90px;
    font-family: serif;
    font-size: 6.0rem;
    text-align: center; }

#suggest {
  padding: 80px 0;
  background: url(../images/tsuinosumai/suggest_bg.jpg) top center no-repeat;
  color: #FFF;
  text-align: center; }
  #suggest .inner {
    padding: 0 215px; }
  #suggest h3 {
    margin-bottom: 40px;
    font-size: 2.4rem;
    font-weight: bold; }
  #suggest p {
    font-size: 1.8rem;
    line-height: 2.0;
    letter-spacing: .1em; }

#concept {
  padding: 50px 0 115px;
  background: url(../images/tsuinosumai/content_bg_top.png) top center no-repeat, url(../images/tsuinosumai/concept_bg_bottom.png) bottom center no-repeat;
  font-size: 1.8rem; }
  #concept .inner {
    position: relative; }
    #concept .inner .img01 {
      position: absolute;
      top: 158px;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0); }
    #concept .inner .img02 {
      position: absolute;
      top: 305px;
      left: 973px; }
    #concept .inner .img03 {
      position: absolute;
      top: 1100px;
      left: 700px; }
    #concept .inner .img04 {
      position: absolute;
      top: 854px;
      left: -65px; }
    #concept .inner .img05 {
      position: absolute;
      top: 480px;
      left: -95px; }
    #concept .inner .img06 {
      position: absolute;
      top: 260px;
      left: 30px; }
  #concept .lttl {
    margin: 0 0 400px;
    padding: 90px 0 0;
    background: url(../images/tsuinosumai/concept_ttl_bg.png) top center no-repeat; }
  #concept .text01 {
    margin: 0 0 50px 190px; }
  #concept .text02 {
    margin: 0 0 50px 380px; }
  #concept .text03 {
    margin: 0 0 115px 380px; }
  #concept .text04 {
    margin: 0 0 0 95px; }

#structure .lttl {
  padding: 70px 0 0;
  background: url(../images/tsuinosumai/structure_ttl_bg.png) top center no-repeat; }

#structure .structure_list_item {
  margin-bottom: 50px; }
  #structure .structure_list_item figure {
    text-align: center; }

#structure h3 {
  position: relative;
  width: 475px;
  margin: 0 auto 60px;
  padding: 10px;
  color: #004C33;
  background: #E8F2E9;
  border: #B2D1C9 4px solid;
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: .1em;
  line-height: 1.2; }
  #structure h3:after {
    content: '';
    background: url(../images/tsuinosumai/structure_arrow.png) top center no-repeat;
    width: 96px;
    height: 30px;
    position: absolute;
    bottom: -34px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }

#features {
  background: url(../images/tsuinosumai/content_bg_top02.png) top center no-repeat; }
  #features .lttl {
    padding: 80px 0 0;
    background: url(../images/tsuinosumai/features_ttl_bg.png) top center no-repeat; }
  #features .features_list_wrap {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  #features .features_list_01 {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 750px; }
  #features .features_list_02 {
    width: 370px; }
  #features .features_list_item {
    width: 370px;
    margin-bottom: 14px;
    padding: 20px;
    border: #B2D1C9 5px solid; }
  #features h3 {
    margin-bottom: .75em;
    color: #264637;
    font-size: 2.0rem;
    font-weight: bold;
    line-height: 1.4; }
  #features p {
    font-size: 1.6rem;
    line-height: 1.4; }

#modelhouse {
  background: url(../images/tsuinosumai/content_bg_top02.png) top center no-repeat; }
  #modelhouse .lttl {
    padding: 80px 0 0;
    background: url(../images/tsuinosumai/medelhouse_ttl_bg.png) top center no-repeat; }
  #modelhouse .detail .thumb {
    width: 100% !important; }
    #modelhouse .detail .thumb .li {
      margin: 0 2px !important; }

#outline {
  padding: 0 0 50px; }
  #outline .outline_table {
    width: 950px;
    margin: 0 auto; }
    #outline .outline_table tr {
      border-bottom: rgba(10, 55, 127, 0.25) 1px dotted; }
    #outline .outline_table th, #outline .outline_table td {
      padding: .5em 0;
      font-size: 1.6rem;
      line-height: 1.6;
      text-align: left; }
    #outline .outline_table th {
      width: 190px;
      color: #0A377F; }

#contact .btn_mail {
  margin: 0 auto 0; }

@media screen and (max-width: 640px) {
  .content .inner {
    padding: 0 2.63158vw; }
  #about .lttl {
    padding: 11.84211vw 0 0;
    background-size: 70vw; }
  #about .about_list {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap; }
    #about .about_list_item {
      -webkit-display: flex;
      -moz-display: flex;
      -ms-display: flex;
      -o-display: flex;
      display: -webkit-box;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      width: 100%;
      margin: 0 0 10.52632vw;
      text-align: left; }
      #about .about_list_item h3 {
        width: 20vw;
        margin-bottom: 0; }
      #about .about_list_item p {
        padding: 0 0 0 4vw;
        width: 72vw; }
        #about .about_list_item p br {
          display: none; }
      #about .about_list_item01:after {
        content: '';
        width: 5vw;
        height: 5vw;
        background-size: contain;
        position: absolute;
        top: auto;
        right: 50%;
        bottom: -2vw;
        -webkit-transform: translate(50%, 100%);
        -ms-transform: translate(50%, 100%);
        transform: translate(50%, 100%); }
      #about .about_list_item02:after {
        content: '';
        width: 5vw;
        height: 5vw;
        background-size: contain;
        position: absolute;
        top: auto;
        right: 50%;
        bottom: -2vw;
        -webkit-transform: translate(50%, 100%);
        -ms-transform: translate(50%, 100%);
        transform: translate(50%, 100%); }
  #want {
    height: 33.5vw;
    background-size: 100%; }
    #want h2 {
      margin-top: -1.31579vw;
      font-size: 4.73684vw; }
  #suggest {
    padding: 5.26316vw 0;
    background: url(../images/tsuinosumai/suggest_bg.jpg) top center no-repeat;
    background-size: auto 100%; }
    #suggest .inner {
      padding: 0; }
    #suggest h3 {
      margin-bottom: 2.63158vw;
      font-size: 3.94737vw; }
    #suggest p {
      font-size: 3.42105vw;
      letter-spacing: 0; }
  #concept {
    padding: 5.26316vw 0;
    background-size: contain;
    font-size: 3.42105vw; }
    #concept .inner p br {
      display: none; }
    #concept .inner .img01 {
      position: static;
      display: block;
      width: 30%;
      margin: 0 auto 7.89474vw;
      -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0); }
    #concept .inner .img02 {
      position: static;
      float: left;
      width: 35%;
      margin: 0 auto 7.89474vw; }
    #concept .inner .img03 {
      position: static;
      float: right;
      width: 60%;
      margin: 0 auto 7.89474vw; }
    #concept .inner .img04 {
      position: static;
      display: block;
      width: 60%;
      margin: 0 auto 7.89474vw; }
    #concept .inner .img05 {
      position: static;
      float: left;
      width: 35%;
      margin: 0 auto 7.89474vw; }
    #concept .inner .img06 {
      position: static;
      float: right;
      width: 60%;
      margin: 0 auto 7.89474vw; }
    #concept .lttl {
      margin: 0 0 5.26316vw;
      padding: 11.84211vw 0 0;
      background-size: 70vw; }
    #concept .text01 {
      margin: 0 0 2.63158vw; }
    #concept .text02 {
      clear: both;
      margin: 0 0 2.63158vw; }
    #concept .text03 {
      clear: both;
      margin: 0 0 2.63158vw; }
    #concept .text04 {
      clear: both;
      margin: 0 0 2.63158vw; }
  #structure .lttl {
    padding: 9.21053vw 0 0;
    background-size: 70vw; }
  #structure .structure_list_item {
    margin-bottom: 6.57895vw; }
  #structure h3 {
    width: 80vw;
    margin: 0 auto 7.89474vw;
    padding: 2.63158vw 1.31579vw;
    border: #B2D1C9 0.52632vw solid;
    font-size: 3.94737vw;
    letter-spacing: 0; }
    #structure h3:after {
      background-size: contain;
      width: 12.63158vw;
      height: 3.94737vw;
      bottom: -4.47368vw; }
  #features {
    background-size: contain; }
    #features .lttl {
      padding: 9.21053vw 0 0;
      background-size: 70vw; }
    #features .img_list {
      display: block; }
      #features .img_list li {
        margin-bottom: 2.63158vw; }
    #features .features_list_wrap {
      display: block; }
    #features .features_list_01 {
      display: block;
      width: 100%; }
    #features .features_list_02 {
      width: 100%; }
    #features .features_list_item {
      width: 100%;
      margin-bottom: 2.63158vw;
      padding: 2.63158vw;
      border: #B2D1C9 0.65789vw solid; }
    #features h3 {
      font-size: 3.94737vw; }
    #features p {
      font-size: 3.42105vw; }
  #modelhouse {
    background-size: contain; }
    #modelhouse .lttl {
      padding: 9.21053vw 0 0;
      background-size: 70vw; }
  #outline {
    padding: 0 0 5.26316vw; }
    #outline .outline_table {
      width: 100%; }
      #outline .outline_table th, #outline .outline_table td {
        padding: .5em 0;
        font-size: 3.15789vw; }
      #outline .outline_table th {
        width: 20vw; } }