@charset "UTF-8";
/*  =============================================================

　　共通モジュール設定

============================================================= */
/*  全体　設定
---------------------------------------------*/
/*  リンク 設定
-------------------------- */
/* -- 動き滑らか -- */
.header a:hover img,
#content a:hover img,
.footer a:hover img {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.header a:hover img,
.footer a:hover img {
  opacity: 0.75;
}

/*  ボタン
---------------------------------------------*/
.btn * {
  position: relative;
  display: block;
  padding: 15px;
  border: 1px solid #03071f;
  background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, #35394c 50%);
  background-position: 0 0;
  background-size: 200% auto;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  font-size: 1.8rem;
}

.btn *::after {
  position: absolute;
  top: 47%;
  right: -15px;
  content: "";
  width: 30px;
  height: 1px;
  background: #03071f;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.btn:hover * {
  background-position: -100% 0;
  color: #fff;
}

.btn:hover *::after {
  visibility: hidden;
  right: -30px;
}

@media screen and (max-width: 768px) {
    .btn:hover * {
        background-position: -200% 0;
        color: #03071f;
    }
}


/*  ページタイトル
---------------------------------------------*/
.pageTitle {
    position: relative;
    z-index: 2;
    padding: 60px 0;
    background: #35394c;
    text-align: center;
}



.pageTitle__title {
    color: #fff;
    font-size: 3.8rem;
    animation: txtspace 1s ease-in-out 1s 1 forwards;
    -webkit-animation: txtspace 1s ease-in-out 1s 1 forwards;
    -moz-animation: txtspace 1s ease-in-out 1s 1 forwards;
}

.pageTitle__titleEn {
    color: #fff;
    font-size: 1.8rem;
}

@keyframes txtspace {
    from {letter-spacing: -0.1em;opacity: 0.7;}
    to {
        letter-spacing: 0.2em;opacity: 1;
    }
}

@-webkit-keyframes txtspace {
    from {letter-spacing: -0.1em;opacity: 0.7;}
    to {
        letter-spacing: 0.2em;opacity: 1;
    }
}


@media screen and (max-width: 768px) {
    .pageTitle {
        position: relative;
        z-index: 2;
        padding: 30px 0;
        background: #35394c;
        text-align: center;
    }


    .pageTitle__title {
        color: #fff;
        font-size: 2.8rem;
        animation: txtspace 1s ease-in-out 1s 1 forwards;
        -webkit-animation: txtspace 1s ease-in-out 1s 1 forwards;
        -moz-animation: txtspace 1s ease-in-out 1s 1 forwards;
    }

    .pageTitle__titleEn {
        color: #fff;
        font-size: 1.4rem;
    }
}


/*  For WordPress
--------------------------------------------- */
strong { font-weight: bold; }
em { font-style: italic; }
blockquote {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px;
}

/* img */
.aligncenter {
    display: block;
    margin: 0 auto 40px !important;
}
.alignright { float: right; margin: 0 0 40px 20px !important; }
.alignleft { float: left; margin: 0 20px 40px 0 !important; }

img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto;
    max-width: 100%;
}