@import url(https://fonts.googleapis.com/css?family=Raleway:400,200,500,700);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/css?family=Lato:400,900);

/* reset --------------------------  */

html,
body,
div,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
dfn,
del,
blockquote,
fieldset,
input,
textarea,
select,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
button,
canvas,
video {
    margin: 0;
    padding: 0;
}


p { margin-bottom:1.5em; }

h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
address,
caption,
cite,
code,
th,
dfn,
del {
    font-weight: normal;
    font-style: normal;
}

ul,
ol {
    list-style: none;
}

fieldset,
img {
    border: none;
}

caption,
th {
    text-align: left;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

input[type="button"],
input[type="submit"],
input[type="reset"],
button {
    cursor: pointer;
}

input[type="button"],
input[type="submit"],
input[type="reset"],
button,
input[type="search"],
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
}


input,
button,
textarea {
    line-height: normal;
    font-family:  "Lato", "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input[type="hidden"],
[hidden],
.hidden {
    display: none;
}

textarea {
    overflow: auto;
    resize: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
.clearfix {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
}

a > img {
    vertical-align: bottom;
}

strong,
.strong,
b {
    font-weight: bold;
}

em,
.italic,
i {
    font-style: italic;
}

del,
.del {
    text-decoration: line-through;
}

.focus {
    outline: none;
}

img {
    max-width: 100%;
    width: auto;
    height: auto;
}

.none {
	padding:0;
	margin:0;
}

/* tools --------------------------  */

.clear {
    clear: both;
    display: block;
    line-height: 0;
    height: 0;
    font-size: 0;
}

.clearfix:after,
.wrap:after,
.spanning:after,
.content:after,
.main:after,
aside:after,
section:after,
article:after,
.text:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    font-size: 0;
}

.c-both {
	clear:both;
	display:block;
	visibility:hidden;
}

.align-left {
    float: left !important;
}

.align-right {
    float: right !important;
}

.align-center {
    float: center !important;
}

.overflow-hidden {
    overflow: hidden;
    display: block;
}

.pc_img { display:block;}
.sp_img { display:none;}
@media screen and (max-width: 640px) {
.pc_img { display:none;}
.sp_img { display:block;}

}

.img_r {
	max-width: 400px;
	width:40%;
	text-align: center;
	float: right;
	margin-left: 10px;
}

.img_r img { width:100%; }

@media screen and (max-width: 640px) { .img_r { width:45%; } }

.btn {
  line-height: 1.42;
  padding: 0.8em 1.6em 0.5em;
  border-width: 0;
  border-style: solid;
  border-radius: 0.2666666667em;
  cursor: pointer;
  font-family: "Booster Next FY", "Avenir Next", Avenir, sans-serif;
  user-select: none;
  vertical-align: bottom;
  transition: box-shadow 0.2s, transform 0.2s, color 0.2s; }
  .btn.btn-disabled {
    cursor: not-allowed;
    opacity: 0.8; }
    .btn.btn-disabled:active {
      opacity: 0.6; }
  .btn:hover {
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.5); }
  .btn:active {
    transform: translateY(3px); }

.btn-yellow {
  box-shadow: 0 3px 0 0 #CF9210, 0 4px 4px -1px rgba(0, 0, 0, 0.6), 0 4px 6px 1px rgba(0, 0, 0, 0.3), 0 1px 2px 1px transparent inset, 0 18px 32px -2px rgba(255, 255, 255, 0.1) inset;
  background-color: #FFAE00;
  background-image: linear-gradient(-45deg, #FFF000, #FFAE00);
  color: #4a4a4a;
  padding:.5em .7em;
  height:100%;
  max-height:100px;
  font-weight:900;
  }
  .btn-yellow:hover {
    color: #AD7B0D;
    box-shadow: 0 3px 0 0 #CF9210, 0 6px 4px -1px rgba(0, 0, 0, 0.3), 0 4px 16px rgba(0, 0, 0, 0.5), 0 1px 2px 1px transparent inset, 0 18px 32px -2px rgba(255, 255, 255, 0.14) inset; }
  .btn-yellow:active {
    box-shadow: 0 0px 0 0  #AD7B0D, 0 3px 0 0 transparent, 0 4px 16px transparent, 0 1px 2px 1px rgba(0, 0, 0, 0.5) inset, 0 -18px 32px -2px rgba(255, 255, 255, 0.1) inset;
    transition: 0s;
    color: #876A14;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); }

@media screen and (max-width: 457px) { .btn-yellow { padding:.3em .4em; } }


.alpha {
	margin:0 0 2px 0;
}

.alpha:hover  {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	margin:2px 0 0 0;
}

.fluffy {
  animation: fluffy1 3s ease infinite;
}

@keyframes fluffy1 {
  0% { transform:translateY(0) }
  5% { transform:translateY(15px) }
  10% { transform:translateY(0) }
  15% { transform:translateY(15px) }
  35% { transform:translateY(0px) }
  55% { transform:translateY(15px) }
  60% { transform:translateY(0) }
  65% { transform:translateY(15px) }
  85% { transform:translateY(0px) }
  100% { transform:translateY(0) }
}

/* common --------------------------  */

html {
    height: 100%;
    background: white;
}

body {
    height: 100%;
    font: 22px/30px "Lato", "Noto Sans Japanese",  "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;color: #565656;
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
	line-height:172%;
	letter-spacing:.05em;
}

@media screen and (max-width: 640px) { body { font: 20px/30px "Lato", "Noto Sans Japanese",  "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;color: #565656;}}




a {
    color: #10bbf1;
    cursor: pointer;
    background: transparent;
    text-decoration: none;
}

a:hover {
    color: #40c9f4;
}

a:active {
    color: #0b97c3;
}

	br.sp {
	}
@media screen and (max-width: 640px) {
	br {
	}
	
	br.blk {
		display: block;	
	}
	br.sp {
	}
}


.red_b {
	font-weight:bold;
	color:#aa1515;
}

.red_b120 {
	font-size:120%;
	font-weight:bold;
	color:#aa1515;
}

.text_120 {	font-size:120%; line-height:148%; }
.text_150 {	font-size:150%; line-height:172%; }
.text_180 {	font-size:180%; line-height:200%; }


.b_u {
	font-weight:bold;
	text-decoration:underline;
}

.line_pink {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #f19ec2));
	background: -webkit-linear-gradient(transparent 70%, #f19ec2 0%);
	background: linear-gradient(transparent 70%, #f19ec2 0%);
}
.line_green {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #59c3a0));
	background: -webkit-linear-gradient(transparent 70%, #59c3a0 0%);
	background: linear-gradient(transparent 70%, #59c3a0 0%);
}
.line_blue {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #7ecef4));
	background: -webkit-linear-gradient(transparent 70%, #7ecef4 0%);
	background: linear-gradient(transparent 70%, #7ecef4 0%);
}
.line_yellow {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #fff45c));
	background: -webkit-linear-gradient(transparent 70%, #fff45c 0%);
	background: linear-gradient(transparent 70%, #fff45c 0%);
}

.w_800 {
	margin:0 auto;
	max-width:800px;
	width:100%;
	}

a img {
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
a:hover img {
	transform: scale(1.03);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
	filter: brightness(120%);
}

a:active img {
	transform: scale(0.97);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
	filter: brightness(90%);

}



/* header --------------------------  */

#header_top {
	background-color:#061116;
	padding:0 .3em;
    width: 100%;
	position:fixed;
	filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.4));
	z-index:9999;
}

#header_top_wrap {
	max-width:1080px;
	margin:0 auto;
}
header_top_logo {
	max-width:300px;
	float:left;
}

#header_top_text {
	max-width:300px;
	float:right;
	text-align:right;
	padding:.5em .3em;
}

#header_top_wrap table { width:100%; }
#header_top_wrap table td { width:50%; vertical-align:middle; padding:0}
#header_top_wrap table td.left { text-align:left; }
#header_top_wrap table td.right { text-align:right; padding-right:.5em; }
@media screen and (max-width: 457px) {
#header_top_wrap table {  font-size:80%; }
#header_top { padding:.3em; }
#header_top_logo { width:50%; }
#header_top_text { width:50%; font-size:80%; }
}

#wrap_top {
	background-image:url(../images/1236360.jpg);
	background-size:cover;
	background-position: center center;
	background-attachment: fixed;
	padding-top:10px;
	color:#FFFFFF;
}

@media screen and (max-width: 640px) {
#wrap_top {
	padding-top:10px;
		background-image:url(../images/background-images2.jpg);
	background-size:cover;
}

}
.wrap_top_box {
    margin: 0 auto 0 auto;
	padding:0;
    max-width: 1080px;
}


/* content --------------------------  */

.main_gray { background-image:url(../images/1236360.jpg); }
.main_gray1 { background: #FAFAFA;}
.main_black { background: #fff;}

.main_top {
	background-image:url(../images/head_bg.jpg);
	background-size:cover;
	background-position: center center;
	background-attachment: fixed;
	background-color: #fff;
	color:#FFFFFF;
}

.main_program {
	background-image:url(../images/bg_program.jpg);
	background-size:cover;
	background-position: center center;
	background-attachment: fixed;
	background-color: #464646;
}

.main_case {
	background-image:url(../images/bg_case.jpg);
	background-size:cover;
	background-position: center center;
	background-attachment: fixed;
	background-color: #464646;
}


.wrap_box {
    margin: 0 auto;
    max-width: 1080px;
	padding:1em;
}

.wrap {
    margin: 0 auto;
    padding:0 1em;
    max-width: 960px;
}

.wrap_text {
    margin: 0 auto;
    padding:0 2em;
}
@media screen and (max-width: 640px) {
.wrap_text { padding:0; }
}

.wrap_program {
    margin: 0 auto 1.5em;
    padding:.5em 1em;
    max-width: 960px;
	padding-bottom:1em;
	border:#333333 solid 7px;
	background:rgba(255,255,255,0.85);
	box-shadow:#b3b3b3 3px 0px 5px -3.5px, #b3b3b3 -3px 0px 5px -3.5px;
	-webkit-box-shadow:#b3b3b3 3px 0px 5px -3.5px, #b3b3b3 -3px 0px 5px -3.5px;
	-moz-box-shadow:#b3b3b3 3px 0px 5px -3.5px, #b3b3b3 -3px 0px 5px -3.5px;

}

.sub_head {
    margin: .3em 0; 
    padding: .2em 0 0; 
	font-size: 48pt;
	line-height: 124%;
	color:#333333;
	text-align:center;
	font-weight:900;
}

.sub_head_program {
    margin: .3em 0 1.5em 0; 
    padding: .2em 0 0; 
	text-align:center;
	font-weight:900;
	background-color:#021e4a;
}

.sub_head_case {
    margin: .3em 0 1.5em 0; 
    padding: .2em 0 0; 
	text-align:center;
	font-weight:900;
	background-color:#021e4a;
}


@media screen and (max-width: 640px) {
.sub_head {
    margin: .1em 0; 
    padding: .2em 0 0; 
	font-size: 48pt;
	line-height: 124%;
	color:#333333;
	text-align:center;
	font-weight:900;
}
}


.sub_head span {
	font-size: 136%;
	color: #BC2629;
}



.ul_red {
	background-image:url(../images/ul_bg.jpg);
	padding:.3em;
	margin-bottom:2em;
}

 ul.red {
	padding:.3em 1.3em .3em 2.5em;
	list-style-image: url(../images/check_red.png);
	border:#FFD000 solid 2px;
}

ul.red li {
	font-size:24px;
	line-height:124%;
	font-weight:bold;
	margin:.8em 0;
	padding-bottom:.2em;
}

ul.red li img {
    float: right;
    margin-left: 23px;
}

@media screen and (max-width: 640px) {
ul.red li {
	font-size:22px;
}

}

ul.pen {
	width:90%;
	margin:0px 30px;
	list-style-image: url(../images/023.png);
}

ul.pen li {
	line-height:150%;
	margin:1em 0 ;
	color:#333333;
	font-weight:bold;
}

ul.pen li img {
    float: right;
    margin-left: 23px;
}

#contents01_02 {
	width:70%;
	max-width:584px;
	margin:0 auto 1em;
	}

.video{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}


.video iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}


.voice {
	border:#C00 3px solid;
	padding:1em 0;
	margin-bottom:1.5em;
	background-color:#FFFFFF;
    float: center !important;
}

.voice_text { text-align:center; line-height:124%; }

.voice_02 { margin:0 auto; text-align:center; }
.voice_02 img { width: 46%; margin:.2em; border:#fff solid 1px; }


.voice_03 { margin:0 auto; text-align:center; }
.voice_03 img { width: 32%; margin:.2em; border:#fff solid 1px; }

.voice_04 { margin:0 auto; text-align:center; }
.voice_04 img { width: 23%; margin:.2em; border:#333333 solid 1px; }

.voice_06 { margin:0 auto; text-align:center; }
.voice_06 img { width: 15%; margin:.2em; border:#333333 solid 1px; }

@media screen and (max-width: 640px) {
.voice_text { text-align:center; font-size:80%;}
.voice_02 img { width: 100%; margin:.2em; }
.voice_03 img { width: 46%; margin:.2em; }
.voice_04 img { width: 46%; margin:.2em; }
.voice_06 img { width: 28%; margin:.2em; }
}

.merit {
	border: solid 3px #666;
	margin:.5em 0;
	background-color:#FFFFFF;
	color:#333333;
}
.merit_text { padding:0 1.5em; } 
@media screen and (max-width: 640px) {
.merit_text { padding:0 .5em; } 
}

.support {
	border:3px solid #C00;
	padding:1em;
	margin-bottom:1.5em;
}
@media screen and (max-width: 640px) {
.support {
	padding:.5em;
}
}

.support2 {
	border:10px solid #f5bb09;
	padding:1em;
}
@media screen and (max-width: 640px) {
.support2 {
	padding:.5em;
}

}


.app_mb { margin-bottom:3em; }
@media screen and (max-width: 640px) { .app_mb { margin-bottom:1.5em; } }

#entry { margin-bottom:5.5em; }
@media screen and (max-width: 640px) { #entry { margin-bottom:3em; } }


.coupon_code{
	font-size:100%;
	font-weight:bold;
}

.coupon_code{
	font-size:150%;
	margin:20px 0;
	font-weight:bold;
	color:#aa1515;
}
@media screen and (max-width: 640px) {
.coupon_code{
	font-size:120%;
	margin:20px 0;
	font-weight:bold;
	color:#aa1515;

}
}



/* FAQ --------------------------  */

.faq_q {
	padding:.5em;
	color:#FFFFFF;
	font-weight:900;
	margin-bottom:.5em;
	background: #000; 
}

.faq_a {
	padding:.5em;
	border: 5px;
	border-style:solid;
	margin-bottom:1.5em;
	font-weight:900;
	border-color:#000 ; 
}
.faq_a p {
	font-weight:normal;
}


/* table --------------------------  */

#table_performance {
	margin:0 auto;
	width: 96%;
	height:720px;
	overflow: scroll;
}

table.performance {
  border-collapse:collapse;
  margin:0 auto;
  width:96%;
  border:#A7A7A7 1px solid;
}
table.performance td,th{
  padding:10px;
  border:#A7A7A7 1px solid;
  text-align:center;
  background-color:EAEAEA;
}
table.performance th{
  color:#fff;
  background:#005ab3;
}
table.performance  tr:nth-child(odd){
  background:#e6f2ff;
}

@media screen and (max-width: 640px) {
#table_performance { font-size:60%; line-height:110%;}
}



table.table_merit {
	border:#CCCCCC solid 1px;
	width:100%;
	max-width:700px;
	text-align:center;
	vertical-align:middle;
	margin-bottom:1.5em; 
}
table.table_merit td {
	border:#CCCCCC solid 1px;
	padding:.2em;
}

table.table_merit  tr:nth-child(odd){
  background:#EEEEEE;
}

table.app {
  border-collapse: separate;
  border-spacing: 0px 10px;
  margin: 30px auto;
  width:95%;
}
table.app td,
table.app th{
  padding: 10px;
  vertical-align:middle;
}
table.app th{
	background:#fff000 linear-gradient(160deg, #fff000, #fff6ab);  
	color: #4A4A4A;
	font-weight:bold;
	text-align:center;
	width:25%;
	font-size:120%;
}
table.app td{
  background: #FFFFFF;
  text-align:left;
  color:#4A4A4A;
  opacity:0.85;
}
	 
@media screen and (max-width: 640px) {

table.app th{
	width:100%;
}
table.app td,
table.app th{
	display:block;
	width:100%;
}
table.app br {
	display:block;
}

}


table#form {
	width:92%;
	margin:0 auto 1em;
	line-height:118%;
    max-width: 960px;
}
table#form th {
	background:#454545;
	border:solid #CCCCCC 1px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	padding:.5em .3em;
	width:28%;
	font-size:22px;
}
table#form td {
	background:#FFFFFF;
	border:solid #CCCCCC 1px;
	color:#454545;
	font-weight:bold;
	text-align:center;
	padding:.5em .3em;
	font-size:20px;
}

table#form tr.even td ,table#form  tr.even th {
	background:#F5F5F5;
}


input[type="radio"],input[type="checkbox"] {
	color:#D95757;
    -moz-transform-origin: center center;
    -moz-transform: scale( 2.5 , 2.5 );
    -webkit-transform-origin: center center;
    -webkit-transform: scale( 2.5 , 2.5 );
}



.input_text {
    max-width: 900px;
	width:92%;
	margin:0 auto .5em auto;
}

input,select,textarea {
	width:92%;
	text-align:center;
	font-size: 100%;
	font-family:"Lato", "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:0.2em 0.3em;
}
@media screen and (max-width: 640px) {
input {
	font-size:16px;
	padding:0.5em 0.3em;
}

.input_text {
	margin:0 auto 3px auto;
}
}

.note dt {
  position: relative;
}
.note dt span {
	position: absolute;
	left: 0px;
}
.note dd {
  padding-left: 1.5em;
}



/* footer --------------------------  */

footer {
    background: #061116;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 28px;
    padding: .6em .3em;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.footer_01 {text-align:center;}
.footer_copy {text-align:center;}

@media screen and (max-width: 640px) {
	footer .pc { display:none;}
}
footer a {color:#FFFFFF;}


#pagetop {
	position: fixed;
	bottom: 50px;
	right: 30px;
	z-index:9999;
	width:25%;
	max-width:150px;
    opacity: 0.8;
}

#pagetop:hover{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0.5;
}


.animated1 {
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;/*ここでスライドの速さが設定できます。*/
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
    }

    .animated.infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

    @-webkit-keyframes fadeInUp {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, 12%, 0);
            transform: translate3d(0, 12%, 0);
        }

        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }

    @keyframes fadeInUp {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, 12%, 0);
            transform: translate3d(0, 12%, 0);
        }

        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }

    .fadeInUp {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
    }

    @-webkit-keyframes fadeInRight {
        from {
            opacity: 0;
            -webkit-transform: translate3d(8%, 0, 0);
            transform: translate3d(8%, 0, 0);
        }

        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }

    @keyframes fadeInRight {
        from {
            opacity: 0;
            -webkit-transform: translate3d(8%, 0, 0);
            transform: translate3d(8%, 0, 0);
        }

        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }

    .fadeInRight {
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight;
    }

    @-webkit-keyframes fadeInDown {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, -20%, 0);
            transform: translate3d(0, -20%, 0);
        }

        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }

    @keyframes fadeInDown {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, -20%, 0);
            transform: translate3d(0, -20%, 0);
        }

        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }

    .fadeInDown {
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown;
    }

    @-webkit-keyframes fadeIn {
        from { opacity: 0; }
        to { opacity: 1; }
	}

    @keyframes fadeIn {
        from { opacity: 0; }
        to { opacity: 1; }
    }

    .fadeIn {
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn;
    }

    @-webkit-keyframes fadeInLeft {
        from {
            opacity: 0;
            -webkit-transform: translate3d(-8%, 0, 0);
            transform: translate3d(-8%, 0, 0);
        }

        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }

    @keyframes fadeInLeft {
        from {
            opacity: 0;
            -webkit-transform: translate3d(-8%, 0, 0);
            transform: translate3d(-8%, 0, 0);
        }

        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }

    .fadeInLeft {
        -webkit-animation-name: fadeInLeft;
        animation-name: fadeInLeft;
    }
	
	
	
	/*===============================================
countdown
===============================================*/
#countdown__background{width:100%;height:100px; margin:-1px auto 0; background:#000;}
.countdown__txt{width:90%;margin:0 auto;font-size:2rem;font-weight:bold;color:#f3ff6b;text-align:center;padding:7px 0 0;}
.countdown__txt p{ color:#FFF; display:inline; font-size:1.25rem;}
.countdown__wrap {width:100%;height:120px;margin:0 auto;padding:0;}
.cunt_pc {background: #000;}
.cunt_sp{display:none;}