#casestudy .main-contents h1 {
  background-image: url(../img/bg_main.jpg); }

#casestudy .main-contents.page-index h1 {
  margin: 0 0 64px; }

#casestudy .main-contents.page-index .main-sect.contents {
  margin-bottom: 23px; }
  #casestudy .main-contents.page-index .main-sect.contents .lead {
    margin: 0 0 35px;
    color: #0f93a5;
    font-size: 192.857142857%;
    font-weight: normal;
    line-height: 1.3333;
    text-align: center; }
  #casestudy .main-contents.page-index .main-sect.contents figure img {
    width: 100%;
    height: auto; }
  #casestudy .main-contents.page-index .main-sect.contents .sub-sect {
    position: relative;
    padding: 40px 0;
    border-top: 1px solid #d8d8d8;
    overflow: hidden; }
    #casestudy .main-contents.page-index .main-sect.contents .sub-sect:first-child {
      padding-top: 0;
      border-top: none; }
    #casestudy .main-contents.page-index .main-sect.contents .sub-sect:before {
      content: "";
      display: block;
      float: left;
      width: 115px;
      height: 115px;
      margin: 0 18px 0 0;
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100%; }
    #casestudy .main-contents.page-index .main-sect.contents .sub-sect.hotel01:before {
      background-image: url(../img/icon_hotel.png); }
    #casestudy .main-contents.page-index .main-sect.contents .sub-sect.hotel02:before {
      background-image: url(../img/icon_hall.png); }
    #casestudy .main-contents.page-index .main-sect.contents .sub-sect.guest-house01:before {
      background-image: url(../img/icon_guesthouse.png); }
    #casestudy .main-contents.page-index .main-sect.contents .sub-sect header {
      float: left;
      width: 450px; }
      #casestudy .main-contents.page-index .main-sect.contents .sub-sect header h3 {
        font-size: 150%;
        font-weight: normal;
        line-height: 2.217; }
        #casestudy .main-contents.page-index .main-sect.contents .sub-sect header h3 a {
          text-decoration: underline; }
          #casestudy .main-contents.page-index .main-sect.contents .sub-sect header h3 a:hover {
            text-decoration: none; }
      #casestudy .main-contents.page-index .main-sect.contents .sub-sect header p {
        color: #363636;
        font-size: 114.285714286%;
        line-height: 1.556; }
        #casestudy .main-contents.page-index .main-sect.contents .sub-sect header p strong {
          color: #0f93a5;
          font-size: 122.222222222%;
          font-weight: bold; }
    #casestudy .main-contents.page-index .main-sect.contents .sub-sect dl {
      float: right;
      width: 313px;
      padding: 0 0 13px;
      border: 1px solid #bebebe;
      background: #fff;
      text-align: center; }
      #casestudy .main-contents.page-index .main-sect.contents .sub-sect dl dt {
        margin: 0 0 14px;
        padding: 11px 0;
        background: #dcf1f4;
        color: #0f93a5;
        font-size: 107.142857143%;
        font-weight: bold;
        line-height: 1.3333; }
      #casestudy .main-contents.page-index .main-sect.contents .sub-sect dl dd {
        color: #000;
        line-height: 1.857; }
        #casestudy .main-contents.page-index .main-sect.contents .sub-sect dl dd span {
          font-size: 78.5714285714%; }

#casestudy .main-contents.page-index .main-sect.results .ttl01 {
  font-size: 300%; }
  #casestudy .main-contents.page-index .main-sect.results .ttl01 span {
    font-size: 35.7142857143%;
    line-height: 1; }

#casestudy .main-contents.page-index .main-sect.results .gallery {
  position: relative;
  height: 295px;
  margin: 0 0 30px;
  overflow: hidden; }
  #casestudy .main-contents.page-index .main-sect.results .gallery .frame {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1400px;
    margin: 0 0 0 -700px; }
    @media screen and (min-width: 1400px) {
      #casestudy .main-contents.page-index .main-sect.results .gallery .frame {
        left: 0;
        width: 100%;
        margin: 0; } }
    #casestudy .main-contents.page-index .main-sect.results .gallery .frame div {
      float: left;
      width: 33.142857%;
      height: 295px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
      position: relative;
      zoom: 1;
      background-repeat: no-repeat;
      background-size: 100%;
      font-size: 0; }
      #casestudy .main-contents.page-index .main-sect.results .gallery .frame div:first-child {
        background-image: url(../img/img_results01.jpg);
        background-position: center top; }
      #casestudy .main-contents.page-index .main-sect.results .gallery .frame div:first-child + div {
        width: 33.714286%;
        border-right: 1px solid #fff;
        border-left: 1px solid #fff;
        background-image: url(../img/img_results02.jpg);
        background-position: center; }
      #casestudy .main-contents.page-index .main-sect.results .gallery .frame div:first-child + div + div {
        background-image: url(../img/img_results03.jpg);
        background-position: center bottom; }

#casestudy .main-contents.page-index .main-sect.results .contents {
  overflow: hidden; }
  #casestudy .main-contents.page-index .main-sect.results .contents .att {
    text-align: right; }
  #casestudy .main-contents.page-index .main-sect.results .contents ul {
    float: left;
    width: 325px; }
    #casestudy .main-contents.page-index .main-sect.results .contents ul li {
      color: #363636;
      line-height: 1.3;
      margin-bottom: 14px;
      width: 92%; }
    #casestudy .main-contents.page-index .main-sect.results .contents ul:last-child li {
      width: 100%; }

@media screen and (max-width: 767px) {
  #casestudy .main-contents.page-index h1 {
    margin: 0 0 30px; }
  #casestudy .main-contents.page-index .main-sect.contents {
    margin-bottom: 10px; }
    #casestudy .main-contents.page-index .main-sect.contents .lead {
      margin: 0 0 20px;
      font-size: 114.285714286%;
      line-height: 1.5;
      text-align: left; }
    #casestudy .main-contents.page-index .main-sect.contents .sub-sect {
      padding: 20px 0;
      overflow: visible; }
      #casestudy .main-contents.page-index .main-sect.contents .sub-sect:first-child {
        padding-top: 0;
        border-top: none; }
      #casestudy .main-contents.page-index .main-sect.contents .sub-sect:before {
        width: 60px;
        height: 60px;
        margin: 0 10px 10px 0; }
      #casestudy .main-contents.page-index .main-sect.contents .sub-sect header {
        float: none;
        width: auto;
        margin: 0 0 10px; }
        #casestudy .main-contents.page-index .main-sect.contents .sub-sect header h3 {
          margin: 0 0 10px;
          font-size: 114.285714286%;
          line-height: 3.75; }
        #casestudy .main-contents.page-index .main-sect.contents .sub-sect header p {
          clear: left;
          font-size: 100%; }
          #casestudy .main-contents.page-index .main-sect.contents .sub-sect header p strong {
            font-size: 122.222222222%; }
      #casestudy .main-contents.page-index .main-sect.contents .sub-sect dl {
        float: none;
        width: auto;
        padding: 0 0 10px; }
        #casestudy .main-contents.page-index .main-sect.contents .sub-sect dl dt {
          margin: 0 0 10px;
          padding: 6px 0;
          font-size: 107.142857143%; }
        #casestudy .main-contents.page-index .main-sect.contents .sub-sect dl dd {
          padding: 0 10px;
          line-height: 1.5;
          text-align: left; }
  #casestudy .main-contents.page-index .main-sect.results .ttl01 {
    font-size: 207.142857143%; }
  #casestudy .main-contents.page-index .main-sect.results .gallery {
    position: relative;
    height: auto;
    margin: 0 0 10px; }
    #casestudy .main-contents.page-index .main-sect.results .gallery .frame {
      position: relative;
      top: auto;
      left: auto;
      width: 100%;
      margin: 0; }
      #casestudy .main-contents.page-index .main-sect.results .gallery .frame div {
        height: auto;
        padding: 21.09375% 0 0;
        background-size: auto 100%; }
  #casestudy .main-contents.page-index .main-sect.results .contents {
    overflow: visible; }
    #casestudy .main-contents.page-index .main-sect.results .contents .att {
      text-align: left; }
    #casestudy .main-contents.page-index .main-sect.results .contents ul {
      float: none;
      width: 100% !important; }
      #casestudy .main-contents.page-index .main-sect.results .contents ul li {
        line-height: 1.4;
        margin-bottom: 13px; } }

.font-b {
  margin-bottom: 10px; }

.txt-newline {
  display: block;
  line-height: 1.5;
  font-weight: normal;
  margin-left: 65px; }

.btn-case-top {
  width: 500px;
  margin: 50px auto 0;
  background-color: #fff;
  border: 1px solid #bebebe;
  text-align: center; }
  .btn-case-top a {
    color: #363636; }
    .btn-case-top a span {
      font-size: 150%;
      padding-top: 20px;
      padding-bottom: 20px;
      display: block;
      letter-spacing: 2px; }

@media screen and (max-width: 767px) {
  .btn-case-top {
    width: 100%;
    margin: 30px auto 70px; }
    .btn-case-top a span {
      font-size: 114.285714286%; } }