@charset "UTF-8";
.sns {
  display: flex;
  justify-content: center;
  margin: 0 0 50px; }
  @media screen and (max-width: 768px) {
    .sns {
      margin: 0 0 30px; } }
  .sns li {
    margin: 0 10px; }

.fb_iframe_widget {
  line-height: 1 !important; }

.wrapper .contents {
  padding: 50px 0 0 0; }
  @media screen and (max-width: 768px) {
    .wrapper .contents {
      padding: 30px 0 0 0; } }
  .wrapper .contents > .inner .imgTtl {
    text-align: center;
    margin: 0 auto 30px; }
    @media screen and (max-width: 768px) {
      .wrapper .contents > .inner .imgTtl {
        margin: 0 auto 20px; } }
    .wrapper .contents > .inner .imgTtl em {
      color: #44713c;
      font-weight: bold;
      font-size: 32px;
      text-align: center;
      font-style: normal;
      line-height: 1.4;
      display: table-cell;
      vertical-align: middle; }
      .wrapper .contents > .inner .imgTtl em span {
        display: inline-block;
        padding-top: 15px;
        font-size: 16px;
        color: #333333;
        font-weight: normal; }
      @media screen and (max-width: 768px) {
        .wrapper .contents > .inner .imgTtl em {
          font-size: 20px;
          line-height: 1.3; }
          .wrapper .contents > .inner .imgTtl em span {
            font-size: 14px; } }
  .wrapper .contents > .inner h1.imgTtl {
    display: table;
    width: 100%;
    max-width: 600px;
    background: url(../../img/ttl_bg2.png) no-repeat center center;
    height: 160px; }
    @media screen and (max-width: 768px) {
      .wrapper .contents > .inner h1.imgTtl {
        max-width: 258px;
        background-size: 258px auto;
        height: 128px; } }
  .wrapper .contents > .inner .sample li {
    background-color: rgba(255, 255, 255, 0.7);
    max-width: 1000px;
    width: 100%;
    padding: 50px;
    position: relative;
    margin: 0 auto 100px;
    border: #AAC7B4 1px solid; }
    @media screen and (max-width: 768px) {
      .wrapper .contents > .inner .sample li {
        margin-bottom: 20px;
        padding: 20px 5% 5%; } }
    .wrapper .contents > .inner .sample li .ttl {
      display: table;
      width: 100%;
      max-width: 500px;
      background: url(../../img/ttl_bg1.png) no-repeat center center;
      height: 160px; }
      @media screen and (max-width: 768px) {
        .wrapper .contents > .inner .sample li .ttl {
          max-width: 350px;
          background-size: cover;
          height: 100px; } }
  .wrapper .contents > .inner .sample .work_ttl {
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    padding: 30px 0 0; }
    @media screen and (max-width: 768px) {
      .wrapper .contents > .inner .sample .work_ttl {
        font-size: 20px;
        padding: 20px 0 0; } }
    .wrapper .contents > .inner .sample .work_ttl span {
      display: block;
      text-align: center;
      font-weight: normal;
      font-size: 22px; }
      @media screen and (max-width: 768px) {
        .wrapper .contents > .inner .sample .work_ttl span {
          font-size: 17px; } }
  .wrapper .contents > .inner .sample .comment {
    margin-top: 30px;
    text-align: left;
    font-size: 16px;
    color: #444444; }
    @media screen and (max-width: 768px) {
      .wrapper .contents > .inner .sample .comment {
        margin-top: 20px;
        font-size: 14px; } }
    .wrapper .contents > .inner .sample .comment span {
      font-weight: bold;
      font-size: 18px; }
      @media screen and (max-width: 768px) {
        .wrapper .contents > .inner .sample .comment span {
          font-size: 16px; } }
  .wrapper .contents > .inner .btnMessage {
    text-align: center;
    display: table;
    margin: 50px auto 10px; }
    @media screen and (max-width: 768px) {
      .wrapper .contents > .inner .btnMessage {
        margin: 20px 6% 0px; } }
  @media screen and (max-width: 768px) {
    .wrapper .contents > .inner .btnCalendar {
      padding: 0 6% 50px; } }
  .wrapper .contents > .inner .prizeArea ul {
    width: 100%;
    max-width: 382px;
    margin: 0 auto 60px; }
    @media screen and (max-width: 768px) {
      .wrapper .contents > .inner .prizeArea ul {
        margin: 0 auto 30px; } }
    .wrapper .contents > .inner .prizeArea ul > li {
      margin-bottom: 10px; }
      @media screen and (max-width: 768px) {
        .wrapper .contents > .inner .prizeArea ul > li {
          margin-bottom: 10px; } }

.anBtn {
  max-width: 480px;
  margin: 0 auto 20px;
  width: 90%; }
  .anBtn > li {
    display: table;
    height: 44px;
    border-radius: 22px;
    background-color: #ffffff;
    border: #e40b20 2px solid;
    margin: 0 auto;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s; }
    @media screen and (max-width: 768px) {
      .anBtn > li {
        height: 38px;
        border-radius: 19px;
        margin-bottom: 6px; } }
    .anBtn > li:hover {
      background-color: rgba(228, 11, 32, 0.2); }
    .anBtn > li a {
      display: table-cell;
      color: #ffffff;
      text-align: center;
      vertical-align: middle;
      font-size: 18px;
      font-weight: 700;
      position: relative;
      text-decoration: none;
      padding: 5px 40px;
      color: #e40b20; }
      @media screen and (max-width: 768px) {
        .anBtn > li a {
          font-size: 16px; } }
      .anBtn > li a:after {
        position: absolute;
        top: 50%;
        right: 16px;
        content: '▼';
        display: inline-block;
        transform: translateY(-12px) rotate(-90deg);
        font-size: 14px;
        color: #e40b20; }
        @media screen and (max-width: 768px) {
          .anBtn > li a:after {
            font-size: 12px; } }

.btnMessage {
  max-width: 480px;
  margin: 0 auto;
  width: 90%;
  display: table;
  height: 44px;
  border-radius: 22px;
  background-color: #ffffff;
  border: #e40b20 2px solid;
  margin: 0 auto;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s; }
  @media screen and (max-width: 768px) {
    .btnMessage {
      height: 38px;
      border-radius: 19px;
      margin-bottom: 6px; } }
  .btnMessage:hover {
    background-color: rgba(228, 11, 32, 0.2); }
  .btnMessage a {
    display: table-cell;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    font-size: 18px;
    font-weight: 700;
    position: relative;
    text-decoration: none;
    padding: 5px 40px;
    color: #e40b20; }
    @media screen and (max-width: 768px) {
      .btnMessage a {
        font-size: 16px; } }
    .btnMessage a:after {
      position: absolute;
      top: 50%;
      right: 16px;
      content: '▼';
      display: inline-block;
      transform: translateY(-12px) rotate(-90deg);
      font-size: 14px;
      color: #e40b20; }
      @media screen and (max-width: 768px) {
        .btnMessage a:after {
          font-size: 12px; } }

/*--opacity:hover--*/
.ov {
  transition: opacity 0.3s ease-out;
}

.ov:hover {
  opacity: 0.6;
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  filter: alpha(opacity=60); /* IE lt 8 */
  -ms-filter: "alpha(opacity=60)"; /* IE 8 */
}

.air{
 padding-top: 150px;
}