@charset "UTF-8";
/* CSS Document */
.c5-br-only-sp {
	display: none;
}
@media screen and (max-width: 640px) {
	.c5-br-only-pc {
		display: none;
	}
	.c5-br-only-sp {
		display: block;
	}
}
.c5-br-mgtop170 {
    margin-top: 170px!important;
}
.c5-br-mgtop150 {
    margin-top: 150px!important;
}
.c5-br-mgtop110 {
    margin-top: 110px!important;
}
@media screen and (max-width: 640px) {
	.c5-br-mgtop110 {
		margin-top: 25vw!important;
	}
}
.c5-br-mgtop100 {
    margin-top: 100px!important;
}
.c5-br-mgtop90 {
    margin-top: 90px!important;
}
.c5-br-mgtop80 {
    margin-top: 80px!important;
}
.c5-br-mgtop70 {
    margin-top: 70px!important;
}
.c5-br-mgtop60 {
    margin-top: 60px!important;
}
.c5-br-mgtop50 {
    margin-top: 50px!important;
}
.c5-br-mgtop40 {
    margin-top: 40px!important;
}
@media screen and (max-width: 640px) {
	.c5-br-mgtop40 {
		margin-top: 5vw!important;
	}
}
.c5-br-mgtop35 {
    margin-top: 35px!important;
}
.c5-br-mgtop30 {
    margin-top: 30px!important;
}
.c5-br-mgtop25 {
    margin-top: 25px!important;
}
.c5-br-mgtop20 {
    margin-top: 20px!important;
}
.c5-br-mgtop15 {
    margin-top: 15px!important;
}
.c5-br-mgtop10 {
    margin-top: 10px!important;
}
.c5-br-mgtop8 {
    margin-top: 8px!important;
}
.c5-br-mgtop5 {
    margin-top: 5px!important;
}

.c5-container {
	padding-top: 80.0938px!important;
}
/*========================================

  .c5-cr-mainvisual

========================================*/
.c5-cr-mainvisual {
  position: relative;
	overflow: hidden;
	height: 500px;
	width: 100%;
	background-image: url("../img/mv-bg_pc.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 2035px;
	background-color: #000;
}
.c5-cr-mainvisual__img {
	margin: 100px auto 0;
	width: 483px;
	line-height: 0;
}
.c5-cr-mainvisual__img img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 640px) {
	.c5-cr-mainvisual {
		height: auto;
		background-image: none;
	}
	.c5-cr-mainvisual__img {
		width: 100%;
		margin: 0;
	}
}
/*========================================

  .c5-cr-

========================================*/
.c5-cr-article {
  overflow: hidden;
	background-color: #19283C;
}
.c5-cr-article * {
  box-sizing: border-box;
}
.c5-cr-inner {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 900px;
  width: 93.75%;
}
.c5-br-smart-inner {
	position: relative;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 600px;
  width: 93.75%;
}
.c5-cr-inner:after {
  clear: both;
  display: block;
  content: '';
}
.sf-articleContent__meta {
	margin-top: 0;
}
.c5-read-bg {
	padding: 60px 0;
	background-color: #e6e6e6;
}
.c5-read-text {
	font-size: 1.65rem!important;
	line-height: 2!important;
	text-align: center;
	color: #000!important;
}
.c5-underline {
	font-size: 1.65rem!important;
	line-height: 2!important;
    background: linear-gradient(transparent 70%, #fbb03b 0%);
    display: inline;
	color: #000!important;
}
@media screen and (max-width: 780px) {
	.c5-read-text,
	.c5-underline {
		font-size: 4vw!important;
	}
}
@media screen and (max-width: 640px) {
	.c5-read-bg {
		padding: 7vw 0 10vw;
	}
	.c5-read-text {
		text-align: left;
		padding-left: 4vw;
	}
}
.c5-read-img {
	width: 90%;
	max-width: 1046px;
	margin: 40px auto 0;
}


.c5-cr-text {
  font-size: 0.98rem !important;
  line-height: 2 !important;
  color: #000 !important;
}

/*========================================

  .c5-br-intro

========================================*/
.c5-intro-bg {
	height: 387px;
	background-image: url("../img/intro-bg_pc.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 2545px 387px;
	background-color: #000;
}
.c5-intro-text {
	width: 90%;
	max-width: 830px;
	margin: 0 auto;
	padding-top: 50px;
}
.c5-intro-img {
	width: 538px;
	margin: 20px auto 0;
}
.c5-arrow {
	width: 103px;
	margin: 0 auto;
}
.c5-intro-pd {
	max-width: 630px;
	width: 90%;
	margin: 10px auto 20px;
}

@media screen and (max-width: 640px) {
	.c5-intro-bg {
		height: auto;
		background-image: none;
		position: relative;
	}
	.c5-intro-text {
		width: 100%;
		padding-top: 0;
	}
	.c5-intro-img {
		position: absolute;
		bottom: -20vw;
		left: 5%;
		width: 90%;
	}
	.c5-arrow {
		width: 15%;
	}
}

.c5-subtitle {
	width: 90%;
	text-align: center;
	margin: 0 auto;
	font-size: 2rem!important;
	font-weight: 700!important;
	color: #fff!important;
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
@media screen and (max-width: 640px) {
	.c5-subtitle {
		font-size: 4.6vw!important;
	}
}
.c5-index-bg {
	background: linear-gradient(to bottom, #FFF 70%, #f4f4f4);
}
.c5-index-wrap {
	display: flex;
	max-width: 1095px;
	margin: 50px auto 0;
}
@media screen and (max-width: 640px) {
	.c5-index-wrap {
		flex-wrap: wrap;
		width: 90%;
		margin-top: 5vw;
		padding-bottom: 5vw;
	}
}


#section01,
#section02,
#section03 {
	overflow: hidden;
}

.c5-title01 {
	max-width: 780px;
	width: 90%;
	margin: 0 auto 50px;
}
.c5-title02 {
	width: 90%;
	text-align: center;
	margin: 100px auto 20px;
	font-size: 2.5rem!important;
	font-weight: 700!important;
	color: #008220!important;
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
.c5-title03 {
	width: 90%;
	text-align: center;
	margin: 100px auto 20px;
	font-size: 2.5rem!important;
	font-weight: 700!important;
	color: #5536ab!important;
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
.c5-title01 span {
	font-size: 45%;
	vertical-align: top;
	position: relative;
	top: 0.5rem;
	color: #265ab8!important;
}
@media screen and (max-width: 640px) {
	.c5-title01,
	.c5-title02,
	.c5-title03 {
		font-size: 6vw!important;
		margin: 0 auto 10vw;
	}
}

.c5-subsection01-gdtop {
	background: linear-gradient(to top, rgba(120,204,240,0) 50%, rgba(120,204,240,.2));
	padding: 40px 0;
}
.c5-subsection01-gdbottom {
	background: linear-gradient(to bottom, rgba(120,204,240,0) 50%, rgba(120,204,240,.2));
	padding: 40px 0;
}
.c5-subsection01-gd {
	background: linear-gradient(to top, rgba(120,204,240,0) 80%, rgba(120,204,240,.2)),
		linear-gradient(to bottom, rgba(120,204,240,0) 80%, rgba(120,204,240,.2));
	padding: 40px 0;
}

.c5-subsection02-gdtop {
	background: linear-gradient(to top, rgba(102,204,204,0) 50%, rgba(102,204,204,.2));
	padding: 40px 0;
}
.c5-subsection02-gdbottom {
	background: linear-gradient(to bottom, rgba(102,204,204,0) 50%, rgba(102,204,204,.2));
	padding: 40px 0;
}
.c5-subsection02-gd {
	background: linear-gradient(to top, rgba(102,204,204,0) 80%, rgba(102,204,204,.2)),
		linear-gradient(to bottom, rgba(102,204,204,0) 80%, rgba(102,204,204,.2));
	padding: 40px 0;
}

.c5-subsection03-gdtop {
	background: linear-gradient(to top, rgba(145,160,220,0) 50%, rgba(145,160,220,.2));
	padding: 40px 0;
}
.c5-subsection03-gdbottom {
	background: linear-gradient(to bottom, rgba(145,160,220,0) 50%, rgba(145,160,220,.2));
	padding: 40px 0;
}
.c5-subsection03-gd {
	background: linear-gradient(to top, rgba(145,160,220,0) 80%, rgba(145,160,220,.2)),
		linear-gradient(to bottom, rgba(145,160,220,0) 80%, rgba(145,160,220,.2));
	padding: 40px 0;
}

.c5-subsection-inner {
	width: 90%;
	max-width: 1095px;
	display: flex;
	align-items: center;
	margin: 0 auto;
}
@media screen and (max-width: 640px) {
	.c5-subsection-inner {
		flex-wrap: wrap;
		width: 100%;
	}
}
.c5-section-img {
	width: 90%;
	max-width: 1095px;
	margin: 0 auto;
}
.c5-subsection-img65 {
	width: 65%;
}
.c5-subsection-img60 {
	width: 60%;
}
.c5-subsection--img60 {
	width: 60%;
	margin-top: -110px;
}
.c5-subsection-img58 {
	width: 58%;
	margin-top: -90px;
}
.c5-subsection-img55 {
	width: 55%;
}
.c5-subsection-img52 {
	width: 52%;
}
.c5-subsection-img50 {
	width: 50%;
}
@media screen and (max-width: 640px) {
	.c5-section-img,
	.c5-subsection-img65,
	.c5-subsection-img60,
	.c5-subsection-img55,
	.c5-subsection-img52,
	.c5-subsection-img50 {
		width: 100%;
		padding-bottom: 3vw;
	}
	.c5-subsection-img58 {
		width: 100%;
		padding-bottom: 3vw;
		margin-top: -13vw;
	}
	.c5-subsection--img60 {
		width: 100%;
		padding-bottom: 3vw;
		margin-top: -16vw;
	}
}

.c5-subsection-text,
.c5-subsection-text11 {
	font-size: 1.6rem;
	line-height: 2;
	color: #fff!important;
	padding-left: 3%;
	width: 40%;
}
.c5-subsection-text span,
.c5-subsection-text11 span {
	font-size: 1.6rem;
	line-height: 2;
	color: #fff;
}
.c5-subsection-text2 {
	font-size: 1.6rem;
	line-height: 2;
	padding-left: 8%;
	padding-right: 3%;
	color: #fff!important;
	width: 45%;
}
.c5-subsection-text2 span {
	font-size: 1.6rem;
	line-height: 2;
	color: #fff;
}
.c5-subsection-text3 {
	font-size: 1.6rem;
	line-height: 2;
	padding-left: 3%;
	color: #fff!important;
	width: 45%;
}
.c5-subsection-text3 span {
	font-size: 1.6rem;
	line-height: 2;
	color: #fff;
}
.c5-subsection-text4 {
	font-size: 1.6rem;
	line-height: 2;
	padding-left: 8%;
	padding-right: 3%;
	color: #fff!important;
	width: 48%;
}
.c5-subsection-text4 span {
	font-size: 1.6rem;
	line-height: 2;
	color: #fff;
}
.c5-subsection-text5 {
	font-size: 1.6rem;
	line-height: 2;
	padding-left: 3%;
	color: #fff!important;
	width: 48%;
}
.c5-subsection-text5 span {
	font-size: 1.6rem;
	line-height: 2;
	color: #fff;
}
.c5-subsection-text6 {
	font-size: 1.6rem;
	line-height: 2;
	padding-left: 8%;
	padding-right: 3%;
	color: #fff!important;
	width: 35%;
}
.c5-subsection-text6 span {
	font-size: 1.6rem;
	line-height: 2;
	color: #fff;
}
.c5-subsection-text7 {
	font-size: 1.6rem;
	line-height: 2;
	color: #fff!important;
	width: 50%;
}
.c5-subsection-text7 span {
	font-size: 1.6rem;
	line-height: 2;
	color: #fff;
}
.c5-subsection-text8 {
	font-size: 1.6rem;
	line-height: 2;
	padding-left: 8%;
	padding-right: 3%;
	color: #fff!important;
	width: 42%;
}
.c5-subsection-text8 span {
	font-size: 1.6rem;
	line-height: 2;
	color: #fff;
}
.c5-subsection-text9 {
	font-size: 1.6rem;
	line-height: 2;
	color: #fff!important;
	padding-left: 8%;
	padding-right: 3%;
	width: 40%;
}
.c5-subsection-text9 span {
	font-size: 1.6rem;
	line-height: 2;
	color: #fff;
}
.c5-subsection-text10 {
	font-size: 1.6rem;
	line-height: 2;
	color: #fff!important;
	padding-left: 8%;
	padding-right: 3%;
	width: 50%;
}
.c5-subsection-text10 span {
	font-size: 1.6rem;
	line-height: 2;
	color: #fff;
}
@media screen and (max-width: 1250px) {
	.c5-subsection-text,
	.c5-subsection-text span,
	.c5-subsection-text2,
	.c5-subsection-text2 span,
	.c5-subsection-text3,
	.c5-subsection-text3 span,
	.c5-subsection-text4,
	.c5-subsection-text4 span,
	.c5-subsection-text5,
	.c5-subsection-text5 span,
	.c5-subsection-text6,
	.c5-subsection-text6 span,
	.c5-subsection-text7,
	.c5-subsection-text7 span,
	.c5-subsection-text8,
	.c5-subsection-text8 span,
	.c5-subsection-text9,
	.c5-subsection-text9 span,
	.c5-subsection-text10,
	.c5-subsection-text10 span,
	.c5-subsection-text11,
	.c5-subsection-text11 span {
		font-size: 2vw;
	}
}
@media screen and (max-width: 640px) {
	.c5-subsection-text {
		font-size: 4.5vw!important;
		width: 100%;
		padding-left: 20vw;
	}
	.c5-subsection-text span {
		font-size: 4.5vw!important;
	}
	.c5-subsection-text2 {
		font-size: 4.5vw!important;
		width: 100%;
		padding-left: 21vw;
	}
	.c5-subsection-text2 span {
		font-size: 4.5vw!important;
	}
	.c5-subsection-text3 {
		font-size: 4.5vw!important;
		width: 100%;
		padding-left: 12vw;
	}
	.c5-subsection-text3 span {
		font-size: 4.5vw!important;
	}
	.c5-subsection-text4 {
		font-size: 4.5vw!important;
		width: 100%;
		padding-left: 16vw;
		padding-bottom: 5vw;
	}
	.c5-subsection-text4 span {
		font-size: 4.5vw!important;
	}
	.c5-subsection-text5 {
		font-size: 4.5vw!important;
		width: 100%;
		padding-left: 9vw;
		padding-bottom: 5vw;
	}
	.c5-subsection-text5 span{
		font-size: 4.5vw!important;
	}
	.c5-subsection-text6 {
		font-size: 4.5vw!important;
		width: 100%;
		padding-left: 20vw;
	}
	.c5-subsection-text6 span {
		font-size: 4.5vw!important;
	}
	.c5-subsection-text7 {
		font-size: 4.5vw!important;
		width: 100%;
		padding-left: 4vw;
	}
	.c5-subsection-text7 span {
		font-size: 4.5vw!important;
	}
	.c5-subsection-text8 {
		font-size: 4.5vw!important;
		width: 100%;
		padding-left: 24vw;
	}
	.c5-subsection-text8 span {
		font-size: 4.5vw!important;
	}
	.c5-subsection-text9 {
		font-size: 4.5vw!important;
		width: 100%;
		padding-left: 8vw;
	}
	.c5-subsection-text9 span{
		font-size: 4.5vw;
	}
	.c5-subsection-text11 {
		font-size: 4.5vw!important;
		width: 100%;
		padding-left: 13vw;
	}
	.c5-subsection-text11 span {
		font-size: 4.5vw!important;
	}
	.c5-subsection-text10 {
		font-size: 4.5vw!important;
		width: 100%;
		padding-left: 15vw;
	}
	.c5-subsection-text10 span {
		font-size: 4.5vw!important;
	}
}

.c5-subsection01-udline {
	background: linear-gradient(transparent 95%, #FF5A00 0%);
	display: inline;
	padding: 0 0px 6px;
}
.c5-subsection02-udline {
	background: linear-gradient(transparent 95%, #008220 0%);
	display: inline;
	padding: 0 0px 6px;
}
.c5-subsection03-udline {
	background: linear-gradient(transparent 95%, #5536ab 0%);
	display: inline;
	padding: 0 0px 6px;
}
.c5-subsection-text3 .c5-sup,
.c5-subsection-text4 .c5-sup,
.c5-subsection-text5 .c5-sup {
	font-size: 55%!important;
	vertical-align: top!important;
	position: relative;
	top: 0.5rem!important;
}


.c5-pdtitle01 {
	font-size: 1.8rem!important;
	color: #265ab8!important;
	text-align: center;
	font-weight: 700;
	line-height: 1.5!important;
}
.c5-pdtitle02 {
	font-size: 1.8rem!important;
	color: #008220!important;
	text-align: center;
	font-weight: 700;
	line-height: 1.5!important;
}
.c5-pdtitle03 {
	font-size: 1.8rem!important;
	color: #5536ab!important;
	text-align: center;
	font-weight: 700;
	line-height: 1.5!important;
}
@media screen and (max-width: 650px) {
	.c5-pdtitle01,
	.c5-pdtitle02,
	.c5-pdtitle03 {
		font-size: 4.5vw!important;
	}
}
.c5-sec01-pd-wrap {
	display: flex;
	width: 90%;
	max-width: 885px;
	margin: 0 auto;
}
.c5-sec02-pd-wrap {
	display: flex;
	width: 90%;
	max-width: 755px;
	margin: 0 auto;
}
.c5-sec03-pd-wrap {
	display: flex;
	width: 90%;
	max-width: 837px;
	margin: 0 auto;
}
.c5-sec01-pd-left {
	width: 47%;
	margin-right: 3%;
}
.c5-sec01-pd-right {
	width: 47%;
	margin-left: 3%;
}
.c5-sec02-pd-left {
	width: 45%;
}
.c5-sec02-pd-right {
	width: 55%;
}
.c5-sec03-pd-left {
	width: 50%;
}
.c5-sec03-pd-right {
	width: 50%;
}
@media screen and (max-width: 640px) {
	.c5-sec01-pd-wrap,
	.c5-sec02-pd-wrap,
	.c5-sec03-pd-wrap {
		flex-wrap: wrap;
	}
	.c5-sec01-pd-left,
	.c5-sec01-pd-right,
	.c5-sec02-pd-left,
	.c5-sec02-pd-right,
	.c5-sec03-pd-left,
	.c5-sec03-pd-right {
		width: 100%;
		margin: 0;
	}
}

.c5-pd-info {
	width: 100%;
	background-color: #6088EC;
	padding: 8px 0;
	transition: .5s;
	cursor: pointer;
	text-align: center;
}
.c5-pd-buy {
	width: 100%;
	background-color: #E47048;
	padding: 8px 0;
	transition: .5s;
	cursor: pointer;
	text-align: center;
}
.c5-pd-info:hover,
.c5-pd-buy:hover {
	opacity: .5;
}
.c5-pd-info a,
.c5-pd-buy a {
	display: block;
}
.c5-pd-arrow {
	position: relative;
    padding-left: 18px;
	color: #fff!important;
	font-size: 16.5px!important;
}
.c5-pd-arrow::before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border: solid 5px transparent;
    border-left: solid 8px #fff;
    top: 50%;
    left: 0;
    margin-top: -5px;
}
.c5-model-list {
	text-align: center;
	width: 90%;
	margin: 0 auto;
}
.c5-model-list-read {
	font-weight: 700!important;
	font-size: 16px!important;
	color: #fff!important;
}
.c5-model-list-read2 {
	font-weight: 700!important;
	font-size: 15px!important;
	color: #fff!important;
	line-height: 3em!important;
}
.c5-model-list-read2 a {
	text-decoration: underline;
	color: #fff!important;
}
.c5-model-list p {
	display: inline-block;
	text-align: left;
	color: #fff!important;
	line-height: 1.8;
}
.c5-model-list-icon {
	color: #265ab8!important;
	font-size: 16px!important;
}
@media screen and (max-width: 640px) {
	.c5-model-list-read {
		text-align: center;
		padding-bottom: 3vw;
		display: inline-block;
		font-size: 3.5vw!important;
	}
	.c5-model-list-read2 {
		font-size: 3vw!important;
	}
	.c5-model-list p,
	.c5-model-list-icon {
		font-size: 3.5vw!important;
	}
}
.c5-ann {
	text-align: center;
	max-width: 885px;
	margin: 0 auto;
	width: 90%;
}
.c5-ann p {
	display: inline-block;
	text-align: left;
	line-height: 1.8;
	font-size: 11.5px!important;
	color: #fff!important;
}
.c5-subsection-ann {
	padding-top: 10px;
	display: inline-block;
	text-align: left;
	line-height: 1.5!important;
	font-size: 11.5px!important;
}
@media screen and (max-width: 1250px) {
	.c5-subsection-ann {
		font-size: .5vw!important;
		line-height: 1.2!important;
		padding-top: .5vw;
	}
}
@media screen and (max-width: 640px) {
	.c5-subsection-ann {
		font-size: 3vw!important;
		padding-top: 3vw;
		padding-bottom: 2vw;
	}
}
.c5-end-bg {
	background-color: #000;
	padding: 60px 0;
}
.c5-end-bg p {
	width: 90%;
	text-align: center;
	margin: 0 auto;
	font-size: 1.5rem!important;
	font-weight: 500!important;
	color: #fff!important;
	line-height: 2;
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
@media screen and (max-width: 1000px) {
	.c5-end-bg {
		padding: 7vw 0;
	}
	.c5-end-bg p {
		font-size: 2.5vw!important;
	}
}
@media screen and (max-width: 640px) {
	.c5-end-bg p {
		font-size: 4.6vw!important;
		text-align: left;
		line-height: 1.8;
	}
}
.c5-footer {
	background-color: #ededed;
	padding: 60px 0;
	text-align: center;
}
.c5-footer p {
	color: #000!important;
	line-height: 2;
}
.c5-footer-title {
	font-size: 1.5rem!important;
	font-weight: 700!important;
	color: #000!important;
}
.c5-footer a {
	color: #fff!important;
	padding: 13px 110px;
}
@media screen and (max-width: 640px) {
	.c5-footer p {
		font-size: 4.2vw;
	}
	.c5-footer-title {
		font-size: 4.5vw!important;
	}
	.c5-footer a {
		width: 90%;
		padding: 15px 0;
		margin: 0 auto;
	}
}
.s5-returnToTop {
	margin-top: 0;
}

/*========================================

  .c5-br-

========================================*/

.c5-br-sp1200 {
	display: none;
}
@media screen and (max-width:1200px) {
	.c5-br-sp1200 {
		display: block;
	}
	.c5-br-pc1200 {
		display: none;
	}
}
.c5-br-sp1100 {
	display: none;
}
@media screen and (max-width:1100px) {
	.c5-br-sp1100 {
		display: block;
	}
	.c5-br-pc1100 {
		display: none;
	}
}
.c5-br-sp1000 {
	display: none;
}
@media screen and (max-width:1000px) {
	.c5-br-sp1000 {
		display: block;
	}
	.c5-br-pc1000 {
		display: none;
	}
}
.c5-br-sp800 {
	display: none;
}
@media screen and (max-width:800px) {
	.c5-br-sp800 {
		display: block;
	}
	.c5-br-pc800 {
		display: none;
	}
}
.c5-br-sp780 {
	display: none;
}
@media screen and (max-width:780px) {
	.c5-br-pc780 {
		display: none;
	}
	.c5-br-sp780 {
		display: block;
	}
}
.c5-br-sp700 {
	display: none;
}
@media screen and (max-width:700px) {
	.c5-br-pc700 {
		display: none;
	}
	.c5-br-sp700 {
		display: block;
	}
}
.c5-br-sp640 {
	display: none;
}
@media screen and (max-width:640px) {
	.c5-br-sp640 {
		display: block;
	}
	.c5-br-pc640 {
		display: none;
	}
}
.c5-br-sp500 {
	display: none;
}
@media screen and (max-width:500px) {
	.c5-br-sp500 {
		display: block;
	}
	.c5-br-pc500 {
		display: none;
	}
}
.c5-br-sp420 {
	display: none;
}
@media screen and (max-width:420px) {
	.c5-br-sp420 {
		display: block;
	}
	.c5-br-pc420 {
		display: none;
	}
}



@-webkit-keyframes slideIn {
  0% {
    visibility: visible;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}
@keyframes slideIn {
  0% {
    visibility: visible;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-webkit-keyframes slideInUp {
  0% {
    visibility: visible;
    -webkit-transform: translate3d(0, 3.125vw, 0);
    transform: translate3d(0, 3.125vw, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes slideInUp {
  0% {
    visibility: visible;
    -webkit-transform: translate3d(0, 3.125vw, 0);
    transform: translate3d(0, 3.125vw, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@-webkit-keyframes slideDown {
  0% {
    visibility: visible;
    -webkit-transform: translate3d(0, -3.125vw, 0);
    transform: translate3d(0, -3.125vw, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes slideDown {
  0% {
    visibility: visible;
    -webkit-transform: translate3d(0, -3.125vw, 0);
    transform: translate3d(0, -3.125vw, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}


.slideInUp,
.slideDown,
.slideIn {
  opacity: 0
}

.animateIn.slideInUp, .animateIn .slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease
}
.animateIn.slideDown, .animateIn .slideDown {
  -webkit-animation-name: slideDown;
  animation-name: slideDown;
  -webkit-animation-delay: .8s;
  animation-delay: .8s;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease
}
.animateIn.slideIn, .animateIn .slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease
}

.animateDelay-0 {
  -webkit-animation-delay: 0.4s!important;
  animation-delay: 0.4s!important
}

.animateDelay-1 {
  -webkit-animation-delay: 0.7s!important;
  animation-delay: 0.7s!important
}

.animateDelay-2 {
  -webkit-animation-delay: 1s!important;
  animation-delay: 1s!important
}

.animateDelay-3 {
  -webkit-animation-delay: 1.3s!important;
  animation-delay: 1.3s!important
}

.animateDelay-4 {
  -webkit-animation-delay: 1.6s!important;
  animation-delay: 1.6s!important
}

.animateDelay-5 {
  -webkit-animation-delay: 1.9s!important;
  animation-delay: 1.9s!important
}

.animateDelay-6 {
  -webkit-animation-delay: 2.2s!important;
  animation-delay: 2.2s!important
}

.animateDelay-7 {
  -webkit-animation-delay: 2.5s!important;
  animation-delay: 2.5s!important
}

.animateDelay-8 {
  -webkit-animation-delay: 2.8s!important;
  animation-delay: 2.8s!important
}

.animateDelay-9 {
  -webkit-animation-delay: 3.1s!important;
  animation-delay: 3.1s!important
}

.animateDelay-10 {
  -webkit-animation-delay: 3.4s!important;
  animation-delay: 3.4s!important
}
.animateDelay-11 {
  -webkit-animation-delay: 3.7s!important;
  animation-delay: 3.7s!important
}
.animateDelay-12 {
  -webkit-animation-delay: 4.0s!important;
  animation-delay: 4.0s!important
}
.animateDelay-13 {
  -webkit-animation-delay: 4.3s!important;
  animation-delay: 4.3s!important
}