@charset "UTF-8";
body {
  margin: 0; }

img {
  border: 0; }

.clearfix:after {
  display: block;
  clear: both;
  content: ""; }

div#yasuraginosato {
  min-width: 1280px;
  padding: 0 0 40px 0;
  margin: 0; }
  div#yasuraginosato section.top {
    width: 1280px;
    margin: 0px auto 0px auto;
    margin-bottom: 30px; }
    div#yasuraginosato section.top .top_inner {
      width: 1280px;
      margin: 0px auto 0px auto;
      position: relative; }
    div#yasuraginosato section.top img {
      display: block; }
    div#yasuraginosato section.top .sky_web_main {
      background-image: url(./../img/skaper_web_main_bg.jpg);
      display: block;
      width: 247px;
      height: 153px;
      position: absolute;
      top: 602px;
      right: 272px; }
    div#yasuraginosato section.top .sky_web_main img {
      position: absolute;
      top: 50px;
      right: 14px;
      width: 218px; }
  div#yasuraginosato section.catch {
    width: 1280px;
    margin: 0px auto 0px auto; }
    div#yasuraginosato section.catch h2 {
      text-align: center;
      padding: 60px 0; }
  div#yasuraginosato div.wrapper {
    background: white;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, white 0%, #e0ebee 25%, #e1f0ed 50%, #e9f0f4 75%, #f6f9ef 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f9ef',GradientType=0 );
    /* IE6-9 */ }
    div#yasuraginosato div.wrapper div.inner {
      background-image: url("./../img/bg.png");
      background-position: center top;
      background-repeat: no-repeat; }
    div#yasuraginosato div.wrapper section.yasuragi-contents {
      width: 1280px;
      margin: 0px auto 0px auto; }
      div#yasuraginosato div.wrapper section.yasuragi-contents p.story {
        margin-bottom: 65px; }
      div#yasuraginosato div.wrapper section.yasuragi-contents p.coment {
        margin-bottom: 80px; }
        div#yasuraginosato div.wrapper section.yasuragi-contents p.coment img {
          box-shadow: 0px 0px 15px rgba(0, 26, 69, 0.2); }
    div#yasuraginosato div.wrapper p.copy {
      width: 1280px;
      margin: 0px auto 0px auto;
      text-align: right;
      font-size: 17px;
      font-weight: normal;
      padding: 35px 0;
      color: #333;
      font-family: "Noto Sans Japanese", "Helvetica Neue", -apple-system, BlinkMacSystemFont,"ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
      letter-spacing: 2px; }
  div#yasuraginosato .sky_frame {
    position: relative;
    width: 1280px;
    height: 320px;
    margin: 0px auto;
    background-image: url(./../img/pc_sky_back.jpg); }
  div#yasuraginosato .sky_text {
    text-align: center;
    padding-top: 90px; }
  div#yasuraginosato .sky_left {
    position: absolute;
    top: 135px;
    left: 50px;
    z-index: 1; }
  div#yasuraginosato .sky_right {
    position: absolute;
    top: 135px;
    right: 50px;
    z-index: 1; }
  div#yasuraginosato .sky_image {
    display: inline-block;
    width: 580px;
    height: 160px; }
  div#yasuraginosato .sky_left:hover img, div#yasuraginosato .sky_web_main:hover {
    opacity: 0.66;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease; }
  div#yasuraginosato .white_cover {
    display: block;
    position: absolute;
    top: 135px;
    left: 50px;
    z-index: 0; }
  div#yasuraginosato .white_image {
    display: inline-block;
    width: 580px;
    height: 160px; }

/*=====footer[s]=====*/
.foot_info {
  width: 100%;
  margin: 0;
  background: #fff; }

.foot_info .info_midashi--ch1 {
  width: 100%;
  margin: 0;
  background: #fff;
  color: #f0027f; }

.foot_info .info_midashi--ch2 {
  width: 100%;
  margin: 0;
  background: #fff;
  color: #00a0c6; }

.foot_info .foot_info-box {
  min-width: 970px;
  max-width: 1280px;
  margin: 20px auto;
  border-bottom: 1px solid #ccc;
  padding: 10px 0px 30px; }

.foot_info .foot_info-box p {
  margin: 10px auto 0;
  line-height: 25px; }

/*=====footer[e]=====*/
@-webkit-keyframes mymove2 {
  0% {
    -webkit-transform: rortate(0deg);
            transform: rortate(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: rotate(540deg);
            transform: rotate(540deg);
    opacity: 0;
    bottom: 340px; } }

@-webkit-keyframes mymove3 {
  0% {
    -webkit-transform: rortate(0deg);
            transform: rortate(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: rotate(720deg);
            transform: rotate(720deg);
    opacity: 0;
    bottom: 540px; } }

@-webkit-keyframes mymove4 {
  0% {
    -webkit-transform: rortate(0deg);
            transform: rortate(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: rotate(720deg);
            transform: rotate(720deg);
    opacity: 0;
    bottom: 540px; } }

@-webkit-keyframes mymove5 {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    bottom: 540px; } }

/* スタイル */