/* compileNested: ../$1.css*/
/*--------------------------------------------------------------
# Function
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Animation
--------------------------------------------------------------*/
@-webkit-keyframes bottomin {
  0% {
    position: absolute;
    bottom: -500px; }
  90% {
    position: absolute;
    bottom: -500px; }
  100% {
    position: absolute;
    bottom: -10px; } }

@keyframes bottomin {
  0% {
    position: absolute;
    bottom: -500px; }
  90% {
    position: absolute;
    bottom: -500px; }
  100% {
    position: absolute;
    bottom: -10px; } }

@-webkit-keyframes leftin {
  0% {
    text-indent: -9999px; }
  70% {
    text-indent: -9999px; }
  100% {
    text-indent: 0; } }

@keyframes leftin {
  0% {
    text-indent: -9999px; }
  70% {
    text-indent: -9999px; }
  100% {
    text-indent: 0; } }

@-webkit-keyframes scaleBig {
  0% {
    transform: scale(0, 0); }
  60% {
    transform: scale(0, 0); }
  90% {
    transform: scale(1.2, 1.2); }
  100% {
    transform: scale(1, 1); } }

@keyframes scaleBig {
  0% {
    transform: scale(0, 0); }
  60% {
    transform: scale(0, 0); }
  90% {
    transform: scale(1.2, 1.2); }
  100% {
    transform: scale(1, 1); } }

/*--------------------------------------------------------------
# campaign2017
--------------------------------------------------------------*/
.page-template-page-campaign2019 .site-main .sec-box {
  width: 1200px;
  max-width: 90%;
  margin: 0 auto;
  align-items: center;
  text-align: center; }

.page-template-page-campaign2019 .site-main .secTtl {
  background: url(./images/campaign/bg_header.png) left top repeat-x; }
  .page-template-page-campaign2019 .site-main .secTtl .sec-box {
    padding-top: 2rem; }
    .page-template-page-campaign2019 .site-main .secTtl .sec-box .secTtl-ttl {
      margin: 1rem auto 0 auto; }
    .page-template-page-campaign2019 .site-main .secTtl .sec-box .secTtl-link {
      animation: leftin 2.5s ease-out -1s 1;
      -moz-animation: leftin 2.5s ease-out -1s 1;
      -webkit-animation: leftin 2.5s ease-out -1s 1; }
      .page-template-page-campaign2019 .site-main .secTtl .sec-box .secTtl-link a {
        position: relative; }
        .page-template-page-campaign2019 .site-main .secTtl .sec-box .secTtl-link a:hover {
          position: relative;
          top: 2px;
          left: 1px; }
          .page-template-page-campaign2019 .site-main .secTtl .sec-box .secTtl-link a:hover img {
            opacity: 1.0;
            filter: alpha(opacity=100); }
    .page-template-page-campaign2019 .site-main .secTtl .sec-box .secTtl-right img {
      animation: scaleBig 1s ease 0s 1;
      -moz-animation: scaleBig 1s ease 0s 1;
      -webkit-animation: scaleBig 1s ease 0s 1; }
      @media only screen and (max-width: 767px) {
        .page-template-page-campaign2019 .site-main .secTtl .sec-box .secTtl-right img {
          width: 70%;
          margin-top: 1rem; } }

.page-template-page-campaign2019 .site-main .sec01 .sec01-ttl {
  width: 1200px;
  max-width: 90%;
  margin: 0 auto;
  margin: 1rem auto;
  text-align: left; }

.page-template-page-campaign2019 .site-main .sec01 .sec01-box01 .sec01-box01-left {
  opacity: 0.1;
  transform: translate(0, 50px);
  transition: all 500ms; }

.page-template-page-campaign2019 .site-main .sec01 .sec01-box01.scrollin .sec01-box01-left {
  opacity: 1;
  transform: translate(0, 0); }

.page-template-page-campaign2019 .site-main .sec01 .sec01-box02 {
  opacity: 0.1;
  transform: translate(0, 50px);
  transition: all 500ms; }
  .page-template-page-campaign2019 .site-main .sec01 .sec01-box02.scrollin {
    opacity: 1;
    transform: translate(0, 0); }
  .page-template-page-campaign2019 .site-main .sec01 .sec01-box02 img {
    width: 230px;
    max-width: 90%; }
    @media only screen and (max-width: 767px) {
      .page-template-page-campaign2019 .site-main .sec01 .sec01-box02 img {
        width: 65%;
        margin: 0.3rem auto; } }

.page-template-page-campaign2019 .site-main .sec02 .sec02-left {
  text-align: left; }
  .page-template-page-campaign2019 .site-main .sec02 .sec02-left p {
    margin-left: 2rem; }

.page-template-page-campaign2019 .site-main .sec02 .sec02-link {
  text-align: center;
  width: 1200px;
  max-width: 90%;
  margin: 0 auto; }
  .page-template-page-campaign2019 .site-main .sec02 .sec02-link a {
    position: relative; }
    .page-template-page-campaign2019 .site-main .sec02 .sec02-link a:hover {
      position: relative;
      top: 2px;
      left: 1px; }
      .page-template-page-campaign2019 .site-main .sec02 .sec02-link a:hover img {
        opacity: 1.0;
        filter: alpha(opacity=100); }

.page-template-page-campaign2019 .site-main .sec03 {
  width: 1200px;
  max-width: 100%;
  margin: 50px auto 1rem auto;
  background: #fff1dd url(./images/campaign/2019/sec03_bg.png) center bottom no-repeat;
  border-radius: 10px;
  padding: 1rem;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .page-template-page-campaign2019 .site-main .sec03 {
      background: #fff1dd; } }
  .page-template-page-campaign2019 .site-main .sec03 .sec03-ttl {
    position: absolute;
    width: 100%;
    top: -30px;
    left: 0;
    text-align: center; }
    .page-template-page-campaign2019 .site-main .sec03 .sec03-ttl img {
      max-width: 90%; }
  .page-template-page-campaign2019 .site-main .sec03 .sec03-box01 {
    padding-top: 50px;
    opacity: 0.1;
    transform: translate(0, 50px);
    transition: all 500ms; }
    .page-template-page-campaign2019 .site-main .sec03 .sec03-box01.scrollin {
      opacity: 1;
      transform: translate(0, 0); }
    .page-template-page-campaign2019 .site-main .sec03 .sec03-box01 img {
      margin-bottom: 10px; }
    @media only screen and (max-width: 767px) {
      .page-template-page-campaign2019 .site-main .sec03 .sec03-box01 {
        background: url(./images/campaign/2019/sec03_bg.png) center bottom no-repeat;
        background-size: 230px;
        padding-bottom: 270px;
        border-bottom: 3px solid #66b0d8; } }
  .page-template-page-campaign2019 .site-main .sec03 .sec03-box02 {
    align-items: flex-start;
    justify-content: space-between;
    text-align: left;
    padding-bottom: 20px; }
    @media only screen and (min-width: 768px) and (max-width: 900px) {
      .page-template-page-campaign2019 .site-main .sec03 .sec03-box02 {
        max-width: 100%; } }
    .page-template-page-campaign2019 .site-main .sec03 .sec03-box02 .sec03-box02-right {
      text-align: right; }
      @media only screen and (max-width: 767px) {
        .page-template-page-campaign2019 .site-main .sec03 .sec03-box02 .sec03-box02-right {
          text-align: left; } }

.page-template-page-campaign2019 .site-main .sec04 .sec04-ttl {
  width: 1200px;
  max-width: 90%;
  margin: 0 auto;
  text-align: center;
  margin: 2rem auto; }

.page-template-page-campaign2019 .site-main .sec04 .sec04-box {
  position: relative; }
  @media only screen and (min-width: 768px) {
    .page-template-page-campaign2019 .site-main .sec04 .sec04-box .sec04-box-left {
      position: absolute;
      top: 0;
      left: 0;
      width: 40%;
      text-align: right;
      z-index: 0; } }
  @media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 900px) {
    .page-template-page-campaign2019 .site-main .sec04 .sec04-box .sec04-box-left {
      width: 30%; } }
  @media only screen and (min-width: 768px) {
    .page-template-page-campaign2019 .site-main .sec04 .sec04-box .sec04-box-right {
      opacity: 0.1;
      transform: translate(0, 50px);
      transition: all 500ms;
      width: 70%;
      margin: 0 0 0 auto;
      position: relative;
      z-index: 100; }
      .page-template-page-campaign2019 .site-main .sec04 .sec04-box .sec04-box-right img {
        vertical-align: bottom; }
    .page-template-page-campaign2019 .site-main .sec04 .sec04-box.scrollin .sec04-box-right {
      opacity: 1;
      transform: translate(0, 0); } }

.page-template-page-campaign2019 .site-main .sec05 {
  background: #c6efe6;
  border-top: 5px solid #eaeaea;
  background-size: contain; }
  .page-template-page-campaign2019 .site-main .sec05 .sec05-ttl {
    text-align: center;
    width: 1200px;
    max-width: 90%;
    margin: 0 auto;
    margin: 1rem auto 0 auto; }
  .page-template-page-campaign2019 .site-main .sec05 .sec05-box {
    width: 860px;
    max-width: 90%;
    margin: 0 auto;
    padding: 1rem 0 2rem 0;
    background-image: url(./images/campaign/2019/sec05_img01.png), url(./images/campaign/2019/sec05_img02.png);
    background-position: left bottom, right bottom;
    background-repeat: no-repeat; }
    @media only screen and (max-width: 767px) {
      .page-template-page-campaign2019 .site-main .sec05 .sec05-box {
        padding-bottom: 240px; } }
    .page-template-page-campaign2019 .site-main .sec05 .sec05-box a {
      position: relative; }
      .page-template-page-campaign2019 .site-main .sec05 .sec05-box a:hover {
        position: relative;
        top: 2px;
        left: 1px; }
        .page-template-page-campaign2019 .site-main .sec05 .sec05-box a:hover img {
          opacity: 1.0;
          filter: alpha(opacity=100); }