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

img {
  border: 0; }

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

div#maincontentswrap_pc {
  font-size: 100%;
  width: 100%;
  color: #333;
  background: url(./../img/contents_bg.jpg) repeat top center #f8b400; }
  div#maincontentswrap_pc section.top {
    margin-bottom: 0px; }
    div#maincontentswrap_pc section.top .top_inner {
      width: 1280px;
      margin: 0 auto;
      position: relative; }
    div#maincontentswrap_pc section.top img {
      display: block;
      width: 100%; }
    div#maincontentswrap_pc section.top .sky_web_main {
      background-image: url(./../img/skaper_web_main_bg.jpg);
      display: block;
      width: 247px;
      height: 153px;
      position: absolute;
      top: 708px;
      right: 311px; }
      div#maincontentswrap_pc section.top .sky_web_main:hover {
        opacity: 0.66;
        transition: all 0.5s ease; }
    div#maincontentswrap_pc section.top .sky_web_main img {
      position: absolute;
      top: 50px;
      right: 14px;
      width: 218px; }
  div#maincontentswrap_pc .main_box {
    width: 1280px;
    margin: 0 auto;
    padding-bottom: 40px; }
    div#maincontentswrap_pc .main_box .main_inner {
      margin-bottom: 50px; }
  div#maincontentswrap_pc .sky_frame {
    position: relative;
    width: 1280px;
    height: 320px;
    margin: 0px auto;
    background: url(../img/pc_sky_back.jpg) no-repeat; }
  div#maincontentswrap_pc .sky_text {
    text-align: center;
    padding-top: 90px; }
  div#maincontentswrap_pc .sky_left {
    position: absolute;
    top: 135px;
    left: 50px;
    z-index: 1; }
  div#maincontentswrap_pc .sky_right {
    position: absolute;
    top: 135px;
    right: 50px;
    z-index: 1; }
  div#maincontentswrap_pc .sky_image {
    display: inline-block;
    width: 580px;
    height: 160px; }
  div#maincontentswrap_pc .sky_left:hover img {
    opacity: 0.66;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease; }

/*=====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]=====*/
/* スタイル */