@charset "utf-8";

/*===========================================================*/
/* all
/*===========================================================*/
.u-lh-10 {
	line-height: 1;
}
.u-lh-11 {
	line-height: 1.1;
}
.u-lh-12 {
	line-height: 1.2;
}
.u-lh-13 {
	line-height: 1.3;
}
.u-lh-14 {
	line-height: 1.4;
}
.u-lh-15 {
	line-height: 1.5;
}
.u-lh-16 {
	line-height: 1.6;
}
.u-lh-17 {
	line-height: 1.7;
}
.u-lh-18 {
	line-height: 1.8;
}
.u-lh-19 {
	line-height: 1.9;
}
.u-lh-20 {
	line-height: 2;
}
.pc-br {
	display: block !important;
}
.sp-br {
	display: inline !important;
}
.pc-only {
	display: block !important;
}
.sp-only {
	display: none !important;
}
@media only screen and (max-width: 767px) {
	.pc-br {
		display: inline !important;
	}
	.sp-br {
		display: block !important;
	}
	.pc-only {
		display: none !important;
	}
	.sp-only {
		display: block!important;
	}
}

/*===========================================================*/
/* kv
/*===========================================================*/
#main .lf-hero-csr-a.lf-hero-a {
	margin-top: 0;
}
.lf-hero-csr-a.lf-hero-a::after {
	display: none;
}
.lf-hero-csr-a.lf-hero-a .lf-hero-contents {
	position: relative;
	background: none;
}
.lf-hero-csr-a.lf-hero-a.lf-cy-bl .lf-hero-contents::before {
    content: "";
    display: block;
	position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
	background-image: url(//www.fujitsu.com/imgv51/bgg-cy-bl.png);
	background-size: cover;	
	z-index: 1;
	transition: 1.5s;
}
.lf-hero-csr-a.lf-hero-a .lf-hero-contents-inner {
	width: 400px;
    margin-right: 240px;
	opacity: 0;
	transition: opacity 2s;
	position: relative;
	z-index: 2;
}
.lf-hero-csr-a.lf-hero-a .lf-hero-hdg {
	font-size: 4.5rem;
	line-height: 1.5;
}
.lf-hero-csr-a.lf-hero-a .lf-hero-sub  {
	font-size: 2.4rem;
}
.lf-hero-csr-a.lf-hero-a .lf-hero-desc {
	margin-top: 5px;
	font-size: 1.8rem;
}
.lf-hero-csr-a.lf-hero-a .lf-btn-csr-a {
	font-size: 1.6rem;
}
.lf-hero-csr-a.lf-hero-a .lf-hero-visual {
	overflow: visible;
}
.lf-hero-csr-a.lf-hero-a .lf-hero-visual::after {
    content: "";
    display: block;
	position: absolute;
    top: 0;
    left: -100%;
    width: 200%;
    height: 100%;
	background-image: url(/global/imagesgig5/kv_sustainability_tcm100-6727464_tcm100-2750236-32.jpg);
	background-size: cover;
    background-position: center;
	z-index: 0;
	transition: transform 5s;
}
.lf-hero-csr-a.lf-hero-a .home-hero_mark {
    content: "";
    display: block;
    width: 440px;
    height: 350px;
	margin-left: 20px;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain;
    position: absolute;
    bottom: 50%;
    left: 0;
    transform: translateX(-50%) translateY(50%);
    font-size: 0vw;
	z-index: 2;
	opacity: 0;
}
.lf-hero-csr-a.lf-hero-a .home-hero_mark.ie-only {
	display: none;
	opacity: 0;
	transition: opacity 2s;
}
@media all and (-ms-high-contrast: none) {
	.lf-hero-csr-a.lf-hero-a .home-hero_mark {
		display: none;
	}
	.lf-hero-csr-a.lf-hero-a .home-hero_mark.ie-only {
		display: block;
	}	
}
.lf-hero-csr-a.lf-hero-a .home-hero_mark svg {
	display: block;
}
.lf-hero-csr-a.lf-hero-a .home-hero_mark #logo-1,
.lf-hero-csr-a.lf-hero-a .home-hero_mark #logo-2 {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    overflow: hidden;
    z-index: 2;
}
.lf-hero-csr-a.lf-hero-a .home-hero_mark .cls-1 {
    fill: none;
    stroke: #fff;
    stroke-miterlimit: 10;
    stroke-width: 130px
}
@media only screen and (max-width:1600px) {
    .lf-hero-visual img {
		height: 100%;
    }
}
@media only screen and (max-width:1280px) {
    .lf-hero-csr-a.lf-hero-a .lf-hero-contents-inner {
        width: 100%;
        margin-right: calc(275vw*100/1280);
        padding-left: 8px;
    }
	.lf-hero-csr-a.lf-hero-a .lf-hero-hdg {
		font-size: calc(45vw*100/1280);
	}
	.lf-hero-csr-a.lf-hero-a .lf-hero-sub {
		font-size: 1.4rem;
	}
	.lf-hero-csr-a.lf-hero-a .home-hero_mark {
        width: calc(440vw*100/1280);
        height: calc(350vw*100/1280);
    }
}
@media only screen and (max-width:1000px) {
	#main .lf-hero-csr-a.lf-hero-a {
		margin-top: 16px;
	}
    .lf-hero-csr-a.lf-hero-a .lf-hero-contents-inner {
        padding-left: 16px;
    }
}
@media only screen and (max-width:767px) {
    .lf-hero-csr-a.lf-hero-a .lf-hero-contents-inner {
        margin-right: 0;
        padding: 20px 16px;
    }
	.lf-hero-csr-a.lf-hero-a .lf-hero-hdg {
		font-size: 3.5rem;
	}
	.lf-hero-csr-a.lf-hero-a .lf-hero-desc {
		font-size: 1.6rem;
	}
	.lf-hero-csr-a.lf-hero-a .lf-hero-visual {
		overflow: hidden;
	}
	.lf-hero-csr-a.lf-hero-a .lf-hero-visual::after {
		left: -50%;
	}
    .lf-hero-csr-a.lf-hero-a .home-hero_mark {
        width: calc(336vw*100/767);
        height: calc(266vw*100/767);
		left: 50%;
		margin-left: 10px;
    }
}

.is-animation.lf-hero-csr-a.lf-hero-a .lf-hero-contents::before {
	width: 100%;
	transition-delay: 1s;
}
.is-animation.lf-hero-csr-a.lf-hero-a .lf-hero-contents-inner {
	opacity: 1;
	transition-delay: 3s;
}
.is-animation.lf-hero-csr-a.lf-hero-a .lf-hero-visual::after {
	transform: scale(1.1);
}
.is-animation.lf-hero-csr-a.lf-hero-a .home-hero_mark {
	opacity: 1;
}
.is-animation.lf-hero-csr-a.lf-hero-a .home-hero_mark #logo-1 {
	opacity: 0;
	transition-delay: 5s;
	transition-duration: 1s;
}
@media all and (-ms-high-contrast: none) {
	.is-animation.lf-hero-csr-a.lf-hero-a .home-hero_mark.ie-only {
		opacity: 1;
		transition-delay: 3s;
	}
}


/*===========================================================*/
/* section
/*===========================================================*/
.section-csr202206-a .section-inner {
	padding: 100px 50px !important;
}
.section-csr202206-b .section-inner {
	padding: 100px 150px !important;
}
.section-csr202206-c .section-inner {
	padding: 100px 100px !important;
}
.section-csr202206-a .section-inner.u-pt-0,
.section-csr202206-b .section-inner.u-pt-0,
.section-csr202206-c .section-inner.u-pt-0 {
	padding-top: 0 !important;
}
.section-csr202206-a a:hover, .section-csr202206-a a:active, .section-csr202206-a a:focus
.section-csr202206-b a:hover, .section-csr202206-b a:active, .section-csr202206-b a:focus,
.section-csr202206-c a:hover, .section-csr202206-c a:active, .section-csr202206-c a:focus {
	color: #000;
}
.diff-bg-efefef {
	background: #efefef;
}
.diff-bg-121e2d {
	background: #121e2d;
	color: #fff;
}
.diff-bg-img01 {
	background-image: url(/global/imagesgig5/background01_tcm100-6727459_tcm100-2750236-32.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	color: #fff;
}
.diff-bg-img02 {
	background-image: url(/global/imagesgig5/background02_tcm100-6727460_tcm100-2750236-32.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}
.diff-bg-img03 {
	background-image: url(/global/imagesgig5/background03_tcm100-6727461_tcm100-2750236-32.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	color: #fff;
}
.section-inner-inner {
	padding-left: 100px;
	padding-right: 100px;
}
@media only screen and (max-width: 1000px) {
	.section-csr202206-a .section-inner,
	.section-csr202206-b .section-inner,
	.section-csr202206-c .section-inner {
		padding: 55px 20px !important;
	}
	.section-inner-inner {
		padding-left: 0;
		padding-right: 0;
	}
}


/*===========================================================*/
/* topics
/*===========================================================*/
.lyt-col-csr202206-a[class*=diff-col] {
	margin-left: -38px;
	margin-bottom: -38px !important;
}
.lyt-col-csr202206-a[class*=diff-col] > * {
	padding-left: 38px;
	padding-bottom: 38px;
}
.lyt-col-csr202206-a[class*=diff-col] > * > * {
	display: block;
	height: 100%;
	padding: 26px 30px 34px;
	background: #fff;
}
.lyt-col-csr202206-a[class*=diff-col] > * > a {
	text-decoration: none;
}
.lyt-col-csr202206-a[class*=diff-col] > * > * > span {
	display: block;
}
.lyt-col-csr202206-a .ctg {
	display: inline-block;
	padding: 3px 5px 2px;
	background: #6d6e70;
	color: #fff;
	line-height: 1;
}
@media only screen and (max-width: 767px) {
	.lyt-col-csr202206-a[class*=diff-col] {
		margin-left: 0;
		margin-bottom: -15px !important;
	}
	.lyt-col-csr202206-a[class*=diff-col] > * {
		padding-left: 0;
		padding-bottom: 0;
		margin-bottom: 15px;
	}
}


/*===========================================================*/
/* トップメッセージ
/*===========================================================*/
.lyt-col-csr202206-b[class*=diff-col] {
	flex-direction: row-reverse;
	margin-left: 0;
	margin-bottom: 0 !important;
	text-decoration: none;
}
.lyt-col-csr202206-b.img-l {
	flex-direction: row;
}
.lyt-col-csr202206-b[class*=diff-col] > * {
	width: calc(50% + 20px);
	padding-left: 40px;
	padding-bottom: 0;
}
.lyt-col-csr202206-b[class*=diff-col] > *:nth-of-type(2) {
	width: calc(50% - 20px);
	padding-left: 0;
	padding-bottom: 0;
}
.lyt-col-csr202206-b.img-l[class*=diff-col] > *:nth-of-type(1) {
	width: calc(50% - 20px);
	padding-left: 0;
	padding-bottom: 0;
}
.lyt-col-csr202206-b.img-l[class*=diff-col] > *:nth-of-type(2) {
	width: calc(50% + 20px);
	padding-left: 40px;
	padding-bottom: 0;
}
.lyt-col-csr202206-b[class*=diff-col] > * > * {
	height: 100%;
}
.lyt-col-csr202206-b[class*=diff-col] span:not(.inline):not(.txt) {
	display: block;
}
.lyt-col-csr202206-b .txt {
	display: flex;
	align-items: center;
}
@media only screen and (max-width: 767px) {
	.lyt-col-csr202206-b[class*=diff-col] {
		margin-bottom: -50px !important;
	}
	.lyt-col-csr202206-b[class*=diff-col] > *,
	.lyt-col-csr202206-b[class*=diff-col] > *:nth-of-type(2),
	.lyt-col-csr202206-b.img-l[class*=diff-col] > *:nth-of-type(1),
	.lyt-col-csr202206-b.img-l[class*=diff-col] > *:nth-of-type(2) {
		width: 100%;
		padding-left: 0;
		padding-bottom: 0;
		margin-bottom: 50px;
	}
}


/*===========================================================*/
/* lyt-col-csr202206-c
/*===========================================================*/
.lyt-col-csr202206-c[class*=diff-col] {
	margin-left: -38px;
	margin-bottom: -38px !important;
}
.lyt-col-csr202206-c[class*=diff-col] > * {
	padding-left: 38px;
	padding-bottom: 38px;
}
.lyt-col-csr202206-c[class*=diff-col] > * > * {
	display: block;
	height: 100%;
}
.lyt-col-csr202206-c[class*=diff-col] > * > a {
	text-decoration: none;
}
.lyt-col-csr202206-c[class*=diff-col] > * > * > span {
	display: block;
}
.lyt-col-csr202206-c .img .over-img {
	display: none;
}
.lyt-col-csr202206-c a:hover .img .normal-img {
	display: none;
}
.lyt-col-csr202206-c a:hover .img .over-img {
	display: inline;
}
@media only screen and (max-width: 767px) {
	.lyt-col-csr202206-c[class*=diff-col] {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin-left: 0;
		margin-bottom: -20px !important;
	}
	.lyt-col-csr202206-c[class*=diff-col] > * {
		width: 50%;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 0;
		margin-bottom: 20px;
	}
}


/*===========================================================*/
/* サステナビリティマネジメント
/*===========================================================*/
.lyt-col-csr202206-d[class*=diff-col] {
	margin-left: -38px;
	margin-bottom: -38px !important;
}
.lyt-col-csr202206-d[class*=diff-col] > * {
	padding-left: 38px;
	padding-bottom: 38px;
}
.lyt-col-csr202206-d[class*=diff-col] > * > * {
	display: block;
	height: 100%;
	padding: 24px;
	background: rgba(255,255,255,0.9);
}
.lyt-col-csr202206-d[class*=diff-col] > * > a {
	text-decoration: none;
}
.lyt-col-csr202206-d[class*=diff-col] > * > * > span {
	display: block;
}
.lyt-col-csr202206-d .txt {
	padding: 15px 6px 0;
}
.lyt-col-csr202206-d .txt > span {
	display: block;
}
@media only screen and (max-width: 767px) {
	.lyt-col-csr202206-d[class*=diff-col] {
		display: flex;
		flex-wrap: wrap;
		margin-left: -12px;
		margin-bottom: -12px !important;
	}
	.lyt-col-csr202206-d[class*=diff-col] > * {
		width: 50%;
		padding-left: 12px;
		padding-bottom: 0;
		margin-bottom: 12px;
	}
	.lyt-col-csr202206-d[class*=diff-col] > * > * {
		padding: 12px;
	}
	.lyt-col-csr202206-d .txt {
		padding: 14px 0 0;
	}
}


/*===========================================================*/
/* GRB（グローバルレスポンシブルビジネス）
/*===========================================================*/
.list-link-csr202206-a {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.list-link-csr202206-a li {
	width: 14.28571428571429%;
}
.list-link-csr202206-a li a,
.list-link-csr202206-a li a > span {
	display: block;
}
.list-link-csr202206-a li a:hover,
.list-link-csr202206-a li a:active,
.list-link-csr202206-a li a:focus {
	color: #000;
}
.list-link-csr202206-a .txt {
	display: inline-block;
	position: relative;
	padding-left: 15px;
	text-decoration: underline;
}
.list-link-csr202206-a a:hover .txt {
	text-decoration: none;
}
.list-link-csr202206-a .txt::before {
	content: "↓";
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	margin-right: 8px;
}
.col-csr202206-a {
	display: flex;
}
.col-csr202206-a .img {
	width: 140px;
	margin-right: 40px;
}
.col-csr202206-a .txt {
	flex: 1;
}
.col-csr202206-a .sp-txt {
	display: none;
}
.lyt-col-csr202206-e[class*=diff-col] {
	flex-wrap: wrap;
	justify-content: center;
	margin-left: -38px;
	margin-bottom: -60px !important;
}
.lyt-col-csr202206-e[class*=diff-col] > * {
	padding-left: 38px;
	padding-bottom: 60px;
}
.lyt-col-csr202206-e[class*=diff-col] > * > * {
	display: block;
	height: 100%;
}
.lyt-col-csr202206-e[class*=diff-col] > * > a {
	text-decoration: none;
}
.lyt-col-csr202206-e[class*=diff-col] > * > * > span {
	display: block;
}
.lyt-col-csr202206-e .img .over-img {
	display: none;
}
.lyt-col-csr202206-e a:hover .img .normal-img {
	display: none;
}
.lyt-col-csr202206-e a:hover .img .over-img {
	display: inline;
}
.lyt-col-csr202206-e .col.col-blank {
	width: 100% !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}
@media only screen and (max-width: 1000px) {
	.lyt-col-csr202206-e .col.col-blank {
		display: none;
	}
}
@media only screen and (max-width: 767px) {
	.list-link-csr202206-a {
		margin-bottom: -15px !important;
	}
	.list-link-csr202206-a li {
		width: 25%;
		padding: 0 8px 15px;
	}
	.col-csr202206-a {
		display: block;
	}
	.col-csr202206-a .img {
		display: flex;
		align-items: center;
		width: 100%;
	}
	.col-csr202206-a .img .sp-img {
		width: 90px;
		margin-right: 20px;
	}
	.col-csr202206-a .img .sp-txt {
		display: block;
		flex: 1;
	}
	.col-csr202206-a .pc-txt {
		display: none;
	}
	.lyt-col-csr202206-e[class*=diff-col] {
		display: flex;
		margin-left: 0;
		margin-bottom: -20px !important;
	}
	.lyt-col-csr202206-e[class*=diff-col] > * {
		width: 50%;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 0;
		margin-bottom: 20px;
	}
}


/*===========================================================*/
/* ガバナンス
/*===========================================================*/
.col-csr202206-b a {
	display: flex;
	text-decoration: none;
}
.col-csr202206-b.left-img a {
	flex-direction: row-reverse;
}
.col-csr202206-b a > span {
	display: block;
	width: 50%;
}
.col-csr202206-b .img img {
	max-width: inherit;
}
.col-csr202206-b .txt {
	display: flex;
	align-items: center;
	padding: 5% 80px;
	background: rgba(255,255,255,0.9)
}
.col-csr202206-b .txt.global {
	padding: 3% 50px;
}
.col-csr202206-b .txt > span,
.col-csr202206-b .txt > span > span {
	display: block;
}
@media only screen and (max-width: 1000px) {
	.col-csr202206-b .txt {
		padding: 25px;
	}
	.col-csr202206-b .txt.global {
		padding: 20px;
	}
}
@media only screen and (max-width: 767px) {
	.col-csr202206-b a {
		display: block;
	}
	.col-csr202206-b a > span {
		width: 100%;
	}
	.col-csr202206-b .img img {
		width: 100%;
		max-width: 100%;     
	}
	.col-csr202206-b .txt.global {
		padding: 25px;
	}
}


/*===========================================================*/
/* データ・資料
/*===========================================================*/
.lyt-col-csr202206-f[class*=diff-col] {
	margin-left: -38px;
	margin-bottom: -38px !important;
}
.lyt-col-csr202206-f[class*=diff-col] > * {
	padding-left: 38px;
	padding-bottom: 38px;
}
.lyt-col-csr202206-f[class*=diff-col] > * > * {
	display: block;
	height: 100%;
	padding: 13px;
	background: #fff;
}
.lyt-col-csr202206-f[class*=diff-col] > * > a {
	text-decoration: none;
}
.lyt-col-csr202206-f[class*=diff-col] > * > * > span {
	display: block;
}
.lyt-col-csr202206-f .txt {
	padding: 11px 5px 0;
}
.lyt-col-csr202206-f .txt > span {
	display: block;
}
@media only screen and (max-width: 1000px) {
	.lyt-col-csr202206-f.diff-col4>* {
		width: 33.3%;
	}
}
@media only screen and (max-width: 767px) {
	.lyt-col-csr202206-f[class*=diff-col] {
		display: flex;
		flex-wrap: wrap;
		margin-left: -12px;
		margin-bottom: -12px !important;
	}
	.lyt-col-csr202206-f[class*=diff-col] > * {
		width: 50%;
		padding-left: 12px;
		padding-bottom: 0;
		margin-bottom: 12px;
	}
	.lyt-col-csr202206-f.diff-col4>* {
		width: 50%;
	}
	.lyt-col-csr202206-f[class*=diff-col] > * > * {
		padding: 12px;
	}
	.lyt-col-csr202206-f .txt {
		padding: 14px 0 0;
	}
}

.li-lower-alpha,
.li-lower-roman {
	margin-left: 2em;
}
.li-lower-alpha li{
	list-style-type: lower-alpha;
}
.li-lower-roman li{
	list-style-type: lower-roman;
}


/*===========================================================*/
/* レポート・報告書
/*===========================================================*/
.lyt-col-csr202206-g[class*=diff-col] {
	margin-left: -38px;
	margin-bottom: -38px !important;
}
.lyt-col-csr202206-g[class*=diff-col] > * {
	padding-left: 38px;
	padding-bottom: 38px;
}
.lyt-col-csr202206-g[class*=diff-col] > * > * {
	display: block;
	height: 100%;
	padding: 24px;
	background: #fff;
}
.lyt-col-csr202206-g[class*=diff-col] > * > a {
	text-decoration: none;
}
.lyt-col-csr202206-g[class*=diff-col] > * > * > span {
	display: block;
}
.lyt-col-csr202206-g .txt {
	padding: 15px 5px 0;
}
.lyt-col-csr202206-g .txt > span {
	display: block;
}
@media only screen and (max-width: 767px) {
	.lyt-col-csr202206-g[class*=diff-col] {
		display: flex;
		flex-wrap: wrap;
		margin-left: -12px;
		margin-bottom: -12px !important;
	}
	.lyt-col-csr202206-g[class*=diff-col] > * {
		width: 50%;
		padding-left: 12px;
		padding-bottom: 0;
		margin-bottom: 12px;
	}
	.lyt-col-csr202206-g[class*=diff-col] > * > * {
		padding: 12px;
	}
	.lyt-col-csr202206-g .txt {
		padding: 14px 0 0;
	}
}


/*===========================================================*/
/* 関連情報
/*===========================================================*/
.list-csr202206-a a {
	display: inline-block;
	position: relative;
	padding-right: 18px;
	color: #fff;
}
.list-csr202206-a a::after {
	display: block;
    position: absolute;
    content: "";
    top: 50%;
    right: 0;
    width: 9px;
    height: 9px;
	margin-top: -5px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.list-csr202206-a[class*=diff-col]>li {
	padding-left: 114px;
}
.list-csr202206-a[class*=diff-col]>li:before {
	left: 99px;
}
.list-csr202206-a[class*=diff-col]>li {
	margin-bottom: 16px;
}
.list-csr202206-a>li:before {
	width: 4px;
	height: 4px;
	background: #fff;
}
.list-csr202206-a a:hover,
.list-csr202206-a a:active, 
.list-csr202206-a a:focus {
	color: #fff;
}
@media only screen and (max-width: 767px) {
	.list-csr202206-a[class*=diff-col]>li {
		padding-left: 40px;
	}
	.list-csr202206-a[class*=diff-col]>li:before {
		left: 25px;
	}	
}


/*===========================================================*/
/* お問い合わせ
/*===========================================================*/
#footer-conversion li.conversion>a, #footer-conversion li.conversion>button {
	background: #ea0001;
}


/*===========================================================*/
/* fade-in-1
/*===========================================================*/
.fade-in-1 {
	opacity: 0;
    position: relative;
    top: 40px;
    transition: opacity .4s cubic-bezier(.25,.58,.53,.85), top .6s cubic-bezier(.25,.58,.53,.85);
    transform: translate3d(0,0,0);
}
.fade-in-1.is-animation {
	opacity: 1;
    top: 0 !important;
}


/*===========================================================*/
/* fade-in-2
/*===========================================================*/
.fade-in-2 > * {
    opacity: 0;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    text-align: center;
    -webkit-transition: opacity 1.1s,-webkit-transform 1s cubic-bezier(.19,1,.22,1);
    transition: opacity 1.1s,-webkit-transform 1s cubic-bezier(.19,1,.22,1);
    -o-transition: opacity 1.1s,transform 1s cubic-bezier(.19,1,.22,1);
    transition: opacity 1.1s,transform 1s cubic-bezier(.19,1,.22,1);
    transition: opacity 1.1s,transform 1s cubic-bezier(.19,1,.22,1),-webkit-transform 1s cubic-bezier(.19,1,.22,1);
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    -o-transition-property: transform,opacity;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
}
.fade-in-2.is-animation > * {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}
.fade-in-2.is-animation > *:nth-child(1) {
    -webkit-transition-delay: .35s;
    -o-transition-delay: .35s;
    transition-delay: .35s
}
.fade-in-2.is-animation > *:nth-child(2) {
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s
}
.fade-in-2.is-animation > *:nth-child(3) {
    -webkit-transition-delay: .65s;
    -o-transition-delay: .65s;
    transition-delay: .65s
}
.fade-in-2.is-animation > *:nth-child(4) {
    -webkit-transition-delay: .8s;
    -o-transition-delay: .8s;
    transition-delay: .8s
}
.fade-in-2.is-animation > *:nth-child(5) {
    -webkit-transition-delay: .95s;
    -o-transition-delay: .95s;
    transition-delay: .95s
}
.fade-in-2.is-animation > *:nth-child(6) {
    -webkit-transition-delay: 1.1s;
    -o-transition-delay: 1.1s;
    transition-delay: 1.1s
}
.fade-in-2.is-animation > *:nth-child(7) {
    -webkit-transition-delay: 1.25s;
    -o-transition-delay: 1.25s;
    transition-delay: 1.25s
}
.fade-in-2.is-animation > *:nth-child(8) {
    -webkit-transition-delay: 1.4s;
    -o-transition-delay: 1.4s;
    transition-delay: 1.4s
}
.fade-in-2.is-animation > *:nth-child(9) {
    -webkit-transition-delay: 1.55s;
    -o-transition-delay: 1.55s;
    transition-delay: 1.55s
}
.fade-in-2.is-animation > *:nth-child(10) {
    -webkit-transition-delay: 1.7s;
    -o-transition-delay: 1.7s;
    transition-delay: 1.7s;
}
.fade-in-2.is-animation > *:nth-child(11) {
    -webkit-transition-delay: 1.85s;
    -o-transition-delay: 1.85s;
    transition-delay: 1.85s;
}
.fade-in-2.is-animation > *:nth-child(12) {
    -webkit-transition-delay: 2s;
    -o-transition-delay: 2s;
    transition-delay: 2s;
}
.fade-in-2.is-animation > *:nth-child(13) {
    -webkit-transition-delay: 2.15s;
    -o-transition-delay: 2.15s;
    transition-delay: 2.15s;
}
.fade-in-2.is-animation > *:nth-child(14) {
    -webkit-transition-delay: 2.3s;
    -o-transition-delay: 2.3s;
    transition-delay: 2.3s;
}
.fade-in-2.is-animation > *:nth-child(15) {
    -webkit-transition-delay: 2.45s;
    -o-transition-delay: 2.45s;
    transition-delay: 2.45s;
}


/*===========================================================*/
/* scale-img
/*===========================================================*/
.scale-img {
	overflow: hidden;
}
.scale-img img {
	-webkit-transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
	transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
	-o-transition: transform 1s cubic-bezier(.165,.84,.44,1);
	transition: transform 1s cubic-bezier(.165,.84,.44,1);
	transition: transform 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
}
a:hover .scale-img img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}


/*===========================================================*/
/* svg-btn
/*===========================================================*/
.lf-btn-csr-a {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	font-size: 1.4rem;
}
.lf-btn-csr-a.lf-btn-csr-a-6d6e70 {
	color: #6d6e70;
}
.lf-btn-csr-a.lf-btn-csr-a-ffffff {
	color: #ffffff;
}
.lf-btn-csr-a.lf-btn-csr-a-000000 {
	color: #000000;
}
.lf-btn-csr-a.lf-btn-csr-a-6d6e70:hover, .lf-btn-csr-a.lf-btn-csr-a-6d6e70:active, .lf-btn-csr-a.lf-btn-csr-a-6d6e70:focus {
	color: #6d6e70;
}
.lf-btn-csr-a.lf-btn-csr-a-ffffff:hover, .lf-btn-csr-a.lf-btn-csr-a-ffffff:active, .lf-btn-csr-a.lf-btn-csr-a-ffffff:focus {
	color: #ffffff;
}
.lf-btn-csr-a.lf-btn-csr-a-000000:hover, .lf-btn-csr-a.lf-btn-csr-a-000000:active, .lf-btn-csr-a.lf-btn-csr-a-000000:focus {
	color: #000000;
}
.lf-btn-csr-a-icon {
	display: inline-block !important;
	position: relative;
	vertical-align: middle;
	margin-right: 10px;
}
.lf-btn-csr-a-26 .lf-btn-csr-a-icon {
	width: 26px;
	height: 26px;
}
.lf-btn-csr-a-32 .lf-btn-csr-a-icon {
	width: 32px;
	height: 32px;
}
.lf-btn-csr-a-36 .lf-btn-csr-a-icon {
	width: 36px;
	height: 36px;
}
.lf-btn-csr-a-50 .lf-btn-csr-a-icon {
	width: 50px;
	height: 50px;
}
.lf-btn-csr-a-68 .lf-btn-csr-a-icon {
	width: 68px;
	height: 68px;
}
.lf-btn-csr-a-icon::before {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	opacity: 0;
	z-index: 0;
}
.lf-btn-csr-a-6d6e70 .lf-btn-csr-a-icon::before {
	border: 1px solid #6d6e70;
}
.lf-btn-csr-a-ffffff .lf-btn-csr-a-icon::before {
	border: 1px solid #ffffff;
}
.lf-btn-csr-a-000000 .lf-btn-csr-a-icon::before {
	border: 1px solid #000000;
}
.lf-btn-csr-a-icon svg {
	position: absolute;
	top: 0;
	left: 0;
}
.lf-btn-csr-a-6d6e70 .lf-btn-csr-a-icon svg {
	fill: #6d6e70;
}
.lf-btn-csr-a-ffffff .lf-btn-csr-a-icon svg {
	fill: #ffffff;
}
.lf-btn-csr-a-000000 .lf-btn-csr-a-icon svg {
	fill: #000000;
}
.lf-btn-csr-a-icon svg .circle {
	fill: none;
	stroke-width: 1px;
	width: 100%;
	height: 100%;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center
}
.lf-btn-csr-a-6d6e70 .lf-btn-csr-a-icon svg .circle {
	stroke: #6d6e70;
}
.lf-btn-csr-a-ffffff .lf-btn-csr-a-icon svg .circle {
	stroke: #ffffff;
}
.lf-btn-csr-a-000000 .lf-btn-csr-a-icon svg .circle {
	stroke: #000000;
}
.lf-btn-csr-a-icon svg .arrow {
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}
a.lf-btn-csr-a:hover .lf-btn-csr-a-icon::before {
	opacity: .1
}
a.lf-btn-csr-a:hover .lf-btn-csr-a-icon svg .arrow {
	-webkit-animation: arrow 1.5s forwards ease-in-out;
	animation: arrow 1.5s forwards ease-in-out
}
a.lf-btn-csr-a:hover .lf-btn-csr-a-icon svg .circle {
	fill: transparent;
	stroke-width: 1;
	-webkit-animation: circle 2s forwards cubic-bezier(.215, .61, .355, 1);
	animation: circle 2s forwards cubic-bezier(.215, .61, .355, 1)
}
a.lf-btn-csr-a-6d6e70.lf-btn-csr-a:hover .lf-btn-csr-a-icon svg .circle {
	stroke: #6d6e70;
}
a.lf-btn-csr-a-ffffff.lf-btn-csr-a:hover .lf-btn-csr-a-icon svg .circle {
	stroke: #ffffff;
}
a.lf-btn-csr-a-000000.lf-btn-csr-a:hover .lf-btn-csr-a-icon svg .circle {
	stroke: #000000;
}
a:hover .lf-btn-csr-a .lf-btn-csr-a-icon::before {
	opacity: .1
}
a:hover .lf-btn-csr-a .lf-btn-csr-a-icon svg .arrow {
	-webkit-animation: arrow 1.5s forwards ease-in-out;
	animation: arrow 1.5s forwards ease-in-out
}
a:hover .lf-btn-csr-a .lf-btn-csr-a-icon svg .circle {
	fill: transparent;
	stroke-width: 1;
	-webkit-animation: circle 2s forwards cubic-bezier(.215, .61, .355, 1);
	animation: circle 2s forwards cubic-bezier(.215, .61, .355, 1)
}
a:hover .lf-btn-csr-a-6d6e70.lf-btn-csr-a .lf-btn-csr-a-icon svg .circle {
	stroke: #6d6e70;
}
a:hover .lf-btn-csr-a-ffffff.lf-btn-csr-a .lf-btn-csr-a-icon svg .circle {
	stroke: #ffffff;
}
a:hover .lf-btn-csr-a-000000.lf-btn-csr-a .lf-btn-csr-a-icon svg .circle {
	stroke: #000000;
}
@-webkit-keyframes arrow {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	10% {
		opacity: 0;
		-webkit-transform: translateX(50%);
		transform: translateX(50%)
	}
	25% {
		opacity: 0;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%)
	}
	40% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}
@keyframes arrow {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	10% {
		opacity: 0;
		-webkit-transform: translateX(50%);
		transform: translateX(50%)
	}
	25% {
		opacity: 0;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%)
	}
	40% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}
@-webkit-keyframes circle {
	0% {
		stroke-dasharray: 0 300;
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	10% {
		stroke-dasharray: 50 100
	}
	20% {
		stroke-dasharray: 100 200
	}
	30% {
		stroke-dasharray: 150 300
	}
	40% {
		stroke-dasharray: 200 300
	}
	60% {
		stroke-dasharray: 300 300;
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}
@keyframes circle {
	0% {
		stroke-dasharray: 0 300;
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	10% {
		stroke-dasharray: 50 100
	}
	20% {
		stroke-dasharray: 100 200
	}
	30% {
		stroke-dasharray: 150 300
	}
	40% {
		stroke-dasharray: 200 300
	}
	60% {
		stroke-dasharray: 300 300;
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}