@charset "utf-8";
/* reset styles */
/*=========================================================================
BASIC
=========================================================================*/
#Wrapper {padding-top: 0;}

#top_infoBox {border-top:6px solid #e7153f; margin: 0 auto; height: auto;  position: relative; z-index: 1; background: #fff;}


/*=========================================================================
HEADER
=========================================================================*/
#Header.top {background: transparent; height: 80px; }
#headerLogo, #siteName {display: none !important;}

#Header.top.active {
-ms-box-shadow: none;
-o-box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}


/*=========================================================================
FIRST VIEW
=========================================================================*/
#firstView {width: 100%; height: auto; margin: 0 auto; position: relative; z-index: 8; overflow: hidden;}

ul#viewList {list-style-type: none; letter-spacing: -.4em; }
ul#viewList li , ul#viewList li img{
z-index: 9;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
ul#viewList li img {display: block; width: 100%; height: auto;} 

ul#viewList li span {
content: "";
position: absolute;
z-index: 2;
width: 100%;
height: 25%;
background-repeat: no-repeat;
left: 0;
opacity: 0;
}
/*
.grad ul#viewList img {
-webkit-animation: glitch 400ms;
animation: glitch 400ms ;

	-webkit-animation: 0.5s linear 0s alternate none infinite running glitch;
-moz-animation: 0.5s linear 0s alternate none infinite running glitch;
animation: 2s linear 0s alternate none infinite running glitch;
}
ul#viewList li img {position: relative; z-index: 1;}

.grad ul#viewList li span {display: block; box-shadow: 0 0 20px 6px rgba(0,0,0,.3); opacity: 1;}
.grad ul#viewList li span:first-of-type {
animation: move 1000ms;
-webkit-animation: move 1000ms;
}
.grad ul#viewList li span:nth-of-type(2) {
animation: move02 1000ms;
-webkit-animation: move02 1000ms;
}
.grad ul#viewList li span:nth-of-type(3) {
animation: move03 1000ms;
-webkit-animation: move03 1000ms;
}
.grad ul#viewList li span:nth-of-type(4) {
animation: move04 1000ms;
-webkit-animation: move04 600ms;
}

.grad ul#viewList li {background-image:none;}
*/

/*------------------------------------------------------------------------------------------------*/
#top_siteLogo {
position: absolute;
height: auto;
z-index: 4;
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#top_siteLogo img {width: 100%; height: auto; display: block;}


/*=========================================================================
TOP：ABOUT
=========================================================================*/
#Union {background: #f6f6f4;}


#about_infoBox { margin: 0 auto; max-width:1000px; }
#about_infoBox, #about_infoBox p {line-height: 200%;}
#about_infoBox p:last-of-type {margin-bottom: 0;}


/*=========================================================================
TOP：ABOUT：Greeting
=========================================================================*/
#topBasic.greeting, dl#greetingBloc  {background: #272727;}

dl#greetingBloc, dl#greetingBloc dt, dl#greetingBloc dd {height: auto; color: #fff; position: relative; z-index: 1;}

/*------------------------------------------------------------------------------------------------*/
dl#greetingBloc #boxHeadline {color: #f4e6db;}


/*------------------------------------------------------------------------------------------------*/
#greetingText, #greetingText p {line-height: 160%;}
#greetingText p:last-of-type {margin-bottom: 0;}

/*------------------------------------------------------------------------------------------------*/
#greetingSign {text-align: right;}
#greetingSign, #greetingSign p {
line-height: 160%;
font-family: 'KyokaICAPro_M',游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}

/*------------------------------------------------------------------------------------------------*/
dl#greetingBloc dd p:last-of-type{margin-bottom: 0;}

dl#greetingBloc dd #about_infoBox {width: 100%; }
dl#greetingBloc dd, dl#greetingBloc dd p {line-height: 160%;}


/*=========================================================================
TOP：JOIN
=========================================================================*/
#about_infoBox { margin: 0 auto; max-width:1000px; }
#about_infoBox, #about_infoBox p {line-height: 200%;}
#about_infoBox p:last-of-type {margin-bottom: 0;}

/*------------------------------------------------------------------------------------------------*/
#join_periodTitle {
display: inline-block;
line-height: 100%;
background: #2b2b43;
color: #f4e6db;
text-align: center;
font-weight: 400;
font-family:'CezanneProB', "Helvetica Neue", Arial,Helvetica,'游ゴシック', 'Yu Gothic', 'Hiragino Kaku Gothic ProN','Hiragino Sans','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif ;
}

/*------------------------------------------------------------------------------------------------*/
dl#join_priceInfo {letter-spacing: -.4em; width: 100%; height: auto; display: block; margin: 0 auto;}
dl#join_priceInfo dt, dl#join_priceInfo dd {display: inline-block; vertical-align: middle; letter-spacing:0; height: auto; line-height: 100%;}
dl#join_priceInfo dt:last-of-type, dl#join_priceInfo dd:last-of-type{margin-bottom: 0;}

dl#join_priceInfo dd span{ line-height: 100%;}

/*------------------------------------------------------------------------------------------------*/
#period_captionBox {line-height: 160%;}
#period_captionBox p:last-of-type {margin-bottom: 0;}

/*=========================================================================
TOP：TRIAL
=========================================================================*/
#trialTitle {
font-family: 'KyokaICAPro_M',游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;line-height: 140%;
font-weight: 400;
}
#trialTitle span {
font-family:'CezanneProM', "Helvetica Neue", Arial,Helvetica,'游ゴシック', 'Yu Gothic', 'Hiragino Kaku Gothic ProN','Hiragino Sans','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
line-height: 120%;
}

/*------------------------------------------------------------------------------------------------*/
#join_subHeadline {line-height: 140%; font-weight: 400;}