@charset "utf-8";
/*--------------------------------------------------------------
   RESET
--------------------------------------------------------------*/
html{color:#000;background:#fff}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,figure{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-size:inherit;font-weight:inherit;}
legend{color:#000}
*{zoom: 1;}
img{vertical-align: top;}
:focus{outline:none;}
/*--------------------------------------------------------------
   BASIC
--------------------------------------------------------------*/
html {
  font-size: 62.5%;
}
body {
  position: relative;
  width:100%;
  min-height: 100vh;
  line-height: 1;
  font-size: 1.2rem;
}
a{
  text-decoration: none;
  display: block;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}
a.pc{
  display: none;
}
/*a:hover{
  transition: all .5s;
}*/
p a{
  text-decoration: underline;
}
img{
  width:100%;
  max-width:100%;
  height:auto;
}
@media screen and (min-width: 768px){
  body {
    font-size: 1.4rem;
  }
  img{
    width:auto;
    max-width:100%;
    height:auto;
  }
  a.sp{
    display: none;
  }
}
/*--------------------------------------------------------------
   SMALL PARTS
--------------------------------------------------------------*/
.pc{
  display: none;
}
.sp{
  display: block;
}
/*background*/
.bg__img{
  background-size: cover;
  background-position: center;
}
.bg__c__black{
  background-color: #000;
}
.bg__c__white{
  background-color: #fff;
}
.bg__c__gray{
  background-color: #ddd;
}
/*font*/
.font__c__base{
  color: #000;
}
.font__c__white{
  color: #fff;
}
.font__c__gray{
  color: #ccc;
}
.font__b{
  font-weight: bold;
}
.font__normal{
  font-weight: normal;
}
/* shadow */
.img__shadow{
  -webkit-filter: drop-shadow(0px 0px 10px rgba(0,0,0,.2));
  filter: drop-shadow(0px 0px 10px rgba(0,0,0,.2));
}
.img__shadow__white{
  -webkit-filter: drop-shadow(0px 0px 10px rgba(255,255,255,.2));
  filter: drop-shadow(0px 0px 10px rgba(255,255,255,.2));
}
.txt__shadow{
  text-shadow:0px 0px 5px rgba(0,0,0,.5);
}
.txt__shadow__white{
  text-shadow:0px 0px 5px rgba(255,255,255,.5);
}
.box__shadow{
  -webkit-box-shadow:0px 0px 20px 0px rgba(0,0,0,.2);
  box-shadow:0px 0px 20px 0px rgba(0,0,0,.20);
}
.box__shadow__white{
  -webkit-box-shadow:0px 0px 20px 0px rgba(255,255,255,.2);
  box-shadow:0px 0px 20px 0px rgba(255,255,255,.2);
}
/*黄金比*/
.img__gold{
  padding-top: 61.875%;
}
/*正方形*/
.img__square{
padding-top: 100%;
}
/*長方形*/
.img__rectangle{
  padding-top: 141.369%;
}
.cf:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
}
.border__base{
  border: solid 1px #ccc;
  box-sizing: border-box;
}
.border__radius{
   border-radius: 100px;
}
.nowrap{
  white-space: nowrap;
}
@media screen and (min-width: 768px){
  .pc{
    display: block;
  }
  .sp{
    display: none;
  }
  .img > img{
    width: 100%;
    height: auto;
  }
}
/*--------------------------------------------------------------
   width
--------------------------------------------------------------*/
.w10{
  width: 10%;
}
.w15{
  width: 15%;
}
.w20{
  width: 20%;
}
.w25{
  width: 25%;
}
.w30{
  width: 30%;
}
.w35{
  width: 35%;
}
.w40{
  width: 40%;
}
.w45{
  width: 45%;
}
.w50{
  width: 50%;
}
.w55{
  width: 55%;
}
.w60{
  width: 60%;
}
.w65{
  width: 65%;
}
.w70{
  width: 70%;
}
.w75{
  width: 75%;
}
.w80{
  width: 80%;
}
.w85{
  width: 85%;
}
.w90{
  width: 90%;
}
.w95{
  width: 95%;
}
.w100{
  width: 100%;
}
@media screen and (max-width: 767px){
  .w10__sp{
    width: 10%;
  }
  .w15__sp{
    width: 15%;
  }
  .w20__sp{
    width: 20%;
  }
  .w25__sp{
    width: 25%;
  }
  .w30__sp{
    width: 30%;
  }
  .w35__sp{
    width: 35%;
  }
  .w40__sp{
    width: 40%;
  }
  .w45__sp{
    width: 45%;
  }
  .w50__sp{
    width: 50%;
  }
  .w55__sp{
    width: 55%;
  }
  .w60__sp{
    width: 60%;
  }
  .w65__sp{
    width: 65%;
  }
  .w70__sp{
    width: 70%;
  }
  .w75__sp{
    width: 75%;
  }
  .w80__sp{
    width: 80%;
  }
  .w85__sp{
    width: 85%;
  }
  .w90__sp{
    width: 90%;
  }
  .w95__sp{
    width: 95%;
  }
  .w100__sp{
    width: 100%;
  }
}
@media screen and (min-width: 768px){
  .w10__pc{
    width: 10%;
  }
  .w15__pc{
    width: 15%;
  }
  .w20__pc{
    width: 20%;
  }
  .w25__pc{
    width: 25%;
  }
  .w30__pc{
    width: 30%;
  }
  .w35__pc{
    width: 35%;
  }
  .w40__pc{
    width: 40%;
  }
  .w45__pc{
    width: 45%;
  }
  .w50__pc{
    width: 50%;
  }
  .w55__pc{
    width: 55%;
  }
  .w60__pc{
    width: 60%;
  }
  .w65__pc{
    width: 65%;
  }
  .w70__pc{
    width: 70%;
  }
  .w75__pc{
    width: 75%;
  }
  .w80__pc{
    width: 80%;
  }
  .w85__pc{
    width: 85%;
  }
  .w90__pc{
    width: 90%;
  }
  .w95__pc{
    width: 95%;
  }
  .w100__pc{
    width: 100%;
  }
}
/*--------------------------------------------------------------
   MARGIN
--------------------------------------------------------------*/
/* margin_common */
/* margin_top */
.mt5{
  margin-top: 5px;
}
.mt10{
  margin-top: 10px;
}
.mt15{
  margin-top: 15px;
}
.mt20{
  margin-top: 20px;
}
.mt25{
  margin-top: 25px;
}
.mt30{
  margin-top: 30px;
}
/* margin_bottom */
.mb5{
  margin-bottom: 5px;
}
.mb10{
  margin-bottom: 10px;
}
.mb15{
  margin-bottom: 15px;
}
.mb20{
  margin-bottom: 20px;
}
.mb25{
  margin-bottom: 25px;
}
.mb30{
  margin-bottom: 25px;
}
/* margin_SP */
@media screen and (max-width: 767px){
  /* margin_top */
  .mt5__sp{
    margin-top: 5px;
  }
  .mt10__sp{
    margin-top: 10px;
  }
  .mt15__sp{
    margin-top: 15px;
  }
  .mt20__sp{
    margin-top: 20px;
  }
  .mt25__sp{
    margin-top: 25px;
  }
  .mt30__sp{
    margin-top: 30px;
  }
  .mt35__sp{
    margin-top: 35px;
  }
  .mt40__sp{
    margin-top: 40px;
  }
  .mt45__sp{
    margin-top: 45px;
  }
  .mt50__sp{
    margin-top: 50px;
  }
  .mt55__sp{
    margin-top: 55px;
  }
  .mt60__sp{
    margin-top: 60px;
  }
  /* margin_bottom */
  .mb5__sp{
    margin-bottom: 5px;
  }
  .mb10__sp{
    margin-bottom: 10px;
  }
  .mb15__sp{
    margin-bottom: 15px;
  }
  .mb20__sp{
    margin-bottom: 20px;
  }
  .mb25__sp{
    margin-bottom: 25px;
  }
  .mb30__sp{
    margin-bottom: 30px;
  }
  .mb35__sp{
    margin-bottom: 35px;
  }
  .mb40__sp{
    margin-bottom: 40px;
  }
  .mb45__sp{
    margin-bottom: 45px;
  }
  .mb50__sp{
    margin-bottom: 50px;
  }
  .mb55__sp{
    margin-bottom: 55px;
  }
  .mb60__sp{
    margin-bottom: 60px;
  }
}
/* margin_PC */
@media screen and (min-width: 768px){
  /* margin_top */
  .mt5__pc{
    margin-top: 5px;
  }
  .mt10__pc{
    margin-top: 10px;
  }
  .mt15__pc{
    margin-top: 15px;
  }
  .mt20__pc{
    margin-top: 20px;
  }
  .mt25__pc{
    margin-top: 25px;
  }
  .mt30__pc{
    margin-top: 30px;
  }
  .mt35__pc{
    margin-top: 35px;
  }
  .mt40__pc{
    margin-top: 40px;
  }
  .mt45__pc{
    margin-top: 45px;
  }
  .mt50__pc{
    margin-top: 50px;
  }
  .mt55__pc{
    margin-top: 55px;
  }
  .mt60__pc{
    margin-top: 60px;
  }
  .mt65__pc{
    margin-top: 65px;
  }
  .mt70__pc{
    margin-top: 70px;
  }
  .mt75__pc{
    margin-top: 75px;
  }
  .mt80__pc{
    margin-top: 80px;
  }
  .mt85__pc{
    margin-top: 85px;
  }
  .mt90__pc{
    margin-top: 90px;
  }
  .mt95__pc{
    margin-top: 95px;
  }
  .mt100__pc{
    margin-top: 100px;
  }
  .mt110__pc{
    margin-top: 110px;
  }
  .mt120__pc{
    margin-top: 120px;
  }
  .mt130__pc{
    margin-top: 130px;
  }
  .mt140__pc{
    margin-top: 140px;
  }
  .mt150__pc{
    margin-top: 150px;
  }
  /* margin_bottom */
  .mb5__pc{
    margin-bottom: 5px;
  }
  .mb10__pc{
    margin-bottom: 10px;
  }
  .mb15__pc{
    margin-bottom: 15px;
  }
  .mb20__pc{
    margin-bottom: 20px;
  }
  .mb25__pc{
    margin-bottom: 25px;
  }
  .mb30__pc{
    margin-bottom: 30px;
  }
  .mb35__pc{
    margin-bottom: 35px;
  }
  .mb40__pc{
    margin-bottom: 40px;
  }
  .mb45__pc{
    margin-bottom: 45px;
  }
  .mb50__pc{
    margin-bottom: 50px;
  }
  .mb55__pc{
    margin-bottom: 55px;
  }
  .mb60__pc{
    margin-bottom: 60px;
  }
  .mb65__pc{
    margin-bottom: 65px;
  }
  .mb70__pc{
    margin-bottom: 70px;
  }
  .mb75__pc{
    margin-bottom: 75px;
  }
  .mb80__pc{
    margin-bottom: 80px;
  }
  .mb85__pc{
    margin-bottom: 85px;
  }
  .mb90__pc{
    margin-bottom: 90px;
  }
  .mb95__pc{
    margin-bottom: 95px;
  }
  .mb100__pc{
    margin-bottom: 100px;
  }
  .mb110__pc{
    margin-bottom: 110px;
  }
  .mb120__pc{
    margin-bottom: 120px;
  }
  .mb130__pc{
    margin-bottom: 130px;
  }
  .mb140__pc{
    margin-bottom: 140px;
  }
  .mb150__pc{
    margin-bottom: 150px;
  }
}
/*raight left auto*/
.mr__auto{
  margin-right: auto;
}
.ml__auto{
  margin-left: auto;
}
@media screen and (max-width: 767px){
  .mr__auto__sp{
    margin-right: auto;
  }
  .ml__auto__sp{
    margin-left: auto;
  }
}
@media screen and (min-width: 768px){
  .mr__auto__pc{
    margin-right: auto;
  }
  .ml__auto__pc{
    margin-left: auto;
  }
}
/*--------------------------------------------------------------
   PADDING
--------------------------------------------------------------*/
.p5,
.p10,
.p15,
.p20,
.p5__left,
.p10__left,
.p15__left,
.p20__left,
.p10__right,
.p15__right,
.p20__right,
.p5__sp,
.p10__sp,
.p15__sp,
.p20__sp,
.p5__pc,
.p10__pc,
.p15__pc,
.p20__pc,
.p25__pc,
.p30__pc{
  box-sizing: border-box;
}
.p5{
  padding: 5px;
}
.p10{
  padding: 10px;
}
.p15{
  padding: 15px;
}
.p20{
  padding: 20px;
}
/*padding left*/
.p5__left{
  padding-left: 5px;
}
.p10__left{
  padding-left: 10px;
}
.p15__left{
  padding-left: 15px;
}
.p20__left{
  padding-left: 20px;
}
/*padding right*/
.p5__right{
  padding-right: 5px;
}
.p10__right{
  padding-right: 10px;
}
.p15__right{
  padding-right: 15px;
}
.p20__right{
  padding-right: 20px;
}

/* padding_top */
.pt5{
  padding-top: 5px;
}
.pt10{
  padding-top: 10px;
}
.pt15{
  padding-top: 15px;
}
.pt20{
  padding-top: 20px;
}
.pt25{
  padding-top: 25px;
}
/* padding_bottom */
.pb5{
  padding-bottom: 5px;
}
.pb10{
  padding-bottom: 10px;
}
.pb15{
  padding-bottom: 15px;
}
.pb20{
  padding-bottom: 20px;
}
.pb25{
  padding-bottom: 25px;
}
/* padding_SP */
@media screen and (max-width: 767px){
  .p5__sp{
    padding: 5px;
  }
  .p10__sp{
    padding: 10px;
  }
  .p15__sp{
    padding: 15px;
  }
  .p20__sp{
    padding: 20px;
  }
  /* padding_top */
  .pt5__sp{
    padding-top: 5px;
  }
  .pt10__sp{
    padding-top: 10px;
  }
  .pt15__sp{
    padding-top: 15px;
  }
  .pt20__sp{
    padding-top: 20px;
  }
  .pt25__sp{
    padding-top: 25px;
  }
  .pt30__sp{
    padding-top: 30px;
  }
  .pt35__sp{
    padding-top: 35px;
  }
  .pt40__sp{
    padding-top: 40px;
  }
  .pt45__sp{
    padding-top: 45px;
  }
  .pt50__sp{
    padding-top: 50px;
  }
  .pt55__sp{
    padding-top: 55px;
  }
  .pt60__sp{
    padding-top: 60px;
  }
  .pt65__sp{
    padding-top: 65px;
  }
  .pt70__sp{
    padding-top: 70px;
  }
  .pt75__sp{
    padding-top: 75px;
  }
  .pt80__sp{
    padding-top: 80px;
  }
  /* padding_bottom */
  .pb5__sp{
    padding-bottom: 5px;
  }
  .pb10__sp{
    padding-bottom: 10px;
  }
  .pb15__sp{
    padding-bottom: 15px;
  }
  .pb20__sp{
    padding-bottom: 20px;
  }
  .pb25__sp{
    padding-bottom: 25px;
  }
  .pb30__sp{
    padding-bottom: 30px;
  }
  .pb35__sp{
    padding-bottom: 35px;
  }
  .pb40__sp{
    padding-bottom: 40px;
  }
  .pb45__sp{
    padding-bottom: 45px;
  }
  .pb50__sp{
    padding-bottom: 50px;
  }
  .pb55__sp{
    padding-bottom: 55px;
  }
  .pb60__sp{
    padding-bottom: 60px;
  }
  .pb65__sp{
    padding-bottom: 65px;
  }
  .pb70__sp{
    padding-bottom: 70px;
  }
  .pb75__sp{
    padding-bottom: 75px;
  }
  .pb80__sp{
    padding-bottom: 80px;
  }
}
/* padding_PC */
@media screen and (min-width: 768px){
  .p5__pc{
    padding: 5px;
  }
  .p10__pc{
    padding: 10px;
  }
  .p15__pc{
    padding: 15px;
  }
  .p20__pc{
    padding: 20px;
  }
  .p25__pc{
    padding: 25px;
  }
  .p30__pc{
    padding: 30px;
  }
  /* padding_top */
  .pt5__pc{
    padding-top: 5px;
  }
  .pt10__pc{
    padding-top: 10px;
  }
  .pt15__pc{
    padding-top: 15px;
  }
  .pt20__pc{
    padding-top: 20px;
  }
  .pt25__pc{
    padding-top: 25px;
  }
  .pt30__pc{
    padding-top: 30px;
  }
  .pt35__pc{
    padding-top: 35px;
  }
  .pt40__pc{
    padding-top: 40px;
  }
  .pt45__pc{
    padding-top: 45px;
  }
  .pt50__pc{
    padding-top: 50px;
  }
  .pt55__pc{
    padding-top: 55px;
  }
  .pt60__pc{
    padding-top: 60px;
  }
  .pt65__pc{
    padding-top: 65px;
  }
  .pt70__pc{
    padding-top: 70px;
  }
  .pt75__pc{
    padding-top: 75px;
  }
  .pt80__pc{
    padding-top: 80px;
  }
  .pt85__pc{
    padding-top: 85px;
  }
  .pt90__pc{
    padding-top: 90px;
  }
  .pt95__pc{
    padding-top: 95px;
  }
  .pt100__pc{
    padding-top: 100px;
  }
  .pt105__pc{
    padding-top: 105px;
  }
  .pt110__pc{
    padding-top: 110px;
  }
  .pt115__pc{
    padding-top: 115px;
  }
  .pt120__pc{
    padding-top: 120px;
  }
  .pt125__pc{
    padding-top: 125px;
  }
  .pt130__pc{
    padding-top: 130px;
  }
  .pt135__pc{
    padding-top: 135px;
  }
  .pt140__pc{
    padding-top: 140px;
  }
  .pt145__pc{
    padding-top: 145px;
  }
  .pt150__pc{
    padding-top: 150px;
  }
  /* padding_bottom */
  .pb5__pc{
    padding-bottom: 5px;
  }
  .pb10__pc{
    padding-bottom: 10px;
  }
  .pb15__pc{
    padding-bottom: 15px;
  }
  .pb20__pc{
    padding-bottom: 20px;
  }
  .pb25__pc{
    padding-bottom: 25px;
  }
  .pb30__pc{
    padding-bottom: 30px;
  }
  .pb35__pc{
    padding-bottom: 35px;
  }
  .pb40__pc{
    padding-bottom: 40px;
  }
  .pb45__pc{
    padding-bottom: 45px;
  }
  .pb50__pc{
    padding-bottom: 50px;
  }
  .pb55__pc{
    padding-bottom: 55px;
  }
  .pb60__pc{
    padding-bottom: 60px;
  }
  .pb65__pc{
    padding-bottom: 65px;
  }
  .pb70__pc{
    padding-bottom: 70px;
  }
  .pb75__pc{
    padding-bottom: 75px;
  }
  .pb80__pc{
    padding-bottom: 80px;
  }
  .pb85__pc{
    padding-bottom: 85px;
  }
  .pb90__pc{
    padding-bottom: 90px;
  }
  .pb95__pc{
    padding-bottom: 95px;
  }
  .pb100__pc{
    padding-bottom: 100px;
  }
  .pb105__pc{
    padding-bottom: 105px;
  }
  .pb110__pc{
    padding-bottom: 110px;
  }
  .pb115__pc{
    padding-bottom: 115px;
  }
  .pb120__pc{
    padding-bottom: 120px;
  }
  .pb125__pc{
    padding-bottom: 125px;
  }
  .pb130__pc{
    padding-bottom: 130px;
  }
  .pb135__pc{
    padding-bottom: 135px;
  }
  .pb140__pc{
    padding-bottom: 140px;
  }
  .pb145__pc{
    padding-bottom: 145px;
  }
  .pb150__pc{
    padding-bottom: 150px;
  }
}
/*--------------------------------------------------------------
   FONT
--------------------------------------------------------------*/
/* font_common */
.font__s0{
  font-size: 0;
}
.font__s10{
  font-size: 1rem;
}
.font__s12{
  font-size: 1.2rem;
}
.font__s14{
  font-size: 1.4rem;
}
.font__s16{
  font-size: 1.6rem;
}
.font__s18{
  font-size: 1.8rem;
}
.font__s20{
  font-size: 2rem;
}
/*font_sp*/
@media screen and (max-width: 767px){
  .txtc__sp{
    text-align: center;
  }
  .txtl__sp{
    text-align: left;
  }
  .txtr__sp{
    text-align: right;
  }
  /* font_size */
  .font__s12__sp{
    font-size: 1.2rem;
  }
  .font__s14__sp{
    font-size: 1.4rem;
  }
  .font__s16__sp{
    font-size: 1.6rem;
  }
  .font__s18__sp{
    font-size: 1.8rem;
  }
  .font__s20__sp{
    font-size: 2rem;
  }
}
/*font_PC*/
@media screen and (min-width: 768px){
  .txtc__pc{
    text-align: center;
  }
  .txtl__pc{
    text-align: left;
  }
  .txtr__pc{
    text-align: right;
  }
  /* font_size */
  .font__s12__pc{
    font-size: 1.2rem;
  }
  .font__s14__pc{
    font-size: 1.4rem;
  }
  .font__s16__pc{
    font-size: 1.6rem;
  }
  .font__s18__pc{
    font-size: 1.8rem;
  }
  .font__s20__pc{
    font-size: 2rem;
  }
  .font__s22__pc{
    font-size: 2.2rem;
  }
  .font__s24__pc{
    font-size: 2.4rem;
  }
  .font__s26__pc{
    font-size: 2.6rem;
  }
  .font__s28__pc{
    font-size: 2.8rem;
  }
  .font__s30__pc{
    font-size: 3rem;
  }
  .font__s32__pc{
    font-size: 3.2rem;
  }
  .font__s34__pc{
    font-size: 3.4rem;
  }
  .font__s36__pc{
    font-size: 3.6rem;
  }
  .font__s38__pc{
    font-size: 3.8rem;
  }
  .font__s40__pc{
    font-size: 4rem;
  }
  .font__s42__pc{
    font-size: 4.2rem;
  }
  .font__s52__pc{
    font-size: 5.2rem;
  }
}
/*--------------------------------------------------------------
   LINE HIEGHT
--------------------------------------------------------------*/
/* line_height_common */
.lh__s{
  line-height: 1.4;
}
.lh__m{
  line-height: 1.5;
}
.lh__l{
  line-height: 1.7;
}
/* line_height_SP */
@media screen and (max-width: 767px){
  .lh12__sp{
    line-height: 1.2;
  }
  .lh15__sp{
    line-height: 1.5;
  }
  .lh17__sp{
    line-height: 1.7;
  }
  .lh20__sp{
    line-height: 2;
  }
}
/*line_height_PC*/
@media screen and (min-width: 768px){
  /* line_height_common */
  .lh__s{
    line-height: 1.5;
  }
  .lh__m{
    line-height: 1.7;
  }
  .lh__l{
    line-height: 2;
  }
  .lh12__pc{
    line-height: 1.2;
  }
  .lh15__pc{
    line-height: 1.5;
  }
  .lh17__pc{
    line-height: 1.7;
  }
  .lh20__pc{
    line-height: 2;
  }
}
/*--------------------------------------------------------------
   LETTER SPACING
--------------------------------------------------------------*/
.ls__00{
  letter-spacing: 0;
}
.ls__10{
  letter-spacing: .1rem;
}
.ls__15{
  letter-spacing: .15rem;
}
.ls__20{
  letter-spacing: .2rem;
}
.ls__30{
  letter-spacing: .3rem;
}
.ls__-10{
  letter-spacing: -.1rem;
}
.ls__-20{
  letter-spacing: -.2rem;
}
/*--------------------------------------------------------------
   TEXT ALIGN
--------------------------------------------------------------*/
/* text_align_common */
.ta__center{
  text-align: center;
}
.ta__left{
  text-align: left;
}
.ta__right{
  text-align: right;
}
.ta__mirror{
  text-align: left;
}
/* text_align_SP */
@media screen and (max-width: 767px){
  .ta__center__sp{
    text-align: center;
  }
  .ta__left__sp{
    text-align: left;
  }
  .ta__right__sp{
    text-align: right;
  }
}
/* text_align_PC */
@media screen and (min-width: 768px){
  .ta__center__pc{
    text-align: center;
  }
  .ta__left__pc{
    text-align: left;
  }
  .ta__right__pc{
    text-align: right;
  }
  .ta__mirror{
    text-align: center;
  }
}
.fixed__area{
  transition: 10s;
  -webkit-transition: 1s;
  transform: translateY(45px);
}
.fixed__area.active{
  bottom: 0;
  transform: translateY(0);
}
@media screen and (min-width: 768px){
  .parallax__simple{
    background-attachment: fixed;
  }
}
/*--------------------------------------------------------------
   ANIMATION
--------------------------------------------------------------*/
.move__x span{
  -webkit-animation: moveX 1.5s infinite linear alternate;
  animation: moveX 1.5s infinite linear alternate;
}
.move__y span{
  -webkit-animation: moveY 1.5s infinite linear alternate;
  animation: moveY 1.5s infinite linear alternate;
}
@media screen and (min-width: 768px){
  .move__x__hover:hover span{
    -webkit-animation: moveX 1.5s infinite linear alternate;
    animation: moveX 1.5s infinite linear alternate;
  }
  .move__y__hover:hover span{
    -webkit-animation: moveY 1.5s infinite linear alternate;
    animation: moveY 1.5s infinite linear alternate;
  }
}
@-webkit-keyframes moveX {
  0% {-webkit-transform:translate(0, 0);}
  50% {-webkit-transform:translate(10px,0);}
  100% {-webkit-transform:translate(0, 0);}
}
@keyframes moveX {
  0% {transform:translate(0, 0);}
  50% {transform:translate(10px,0);}
  100% {transform:translate(0, 0);}
}
@-webkit-keyframes moveY {
  0% {-webkit-transform:translate(0, 0);}
  50% {-webkit-transform:translate(0,10px);}
  100% {-webkit-transform:translate(0, 0);}
}
@keyframes moveY {
  0% {transform:translate(0, 0);}
  50% {transform:translate(0,10px);}
  100% {transform:translate(0, 0);}
}