@charset "utf-8";
/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
/* clearfix */	
.clearfix:after {content: "";display: block;clear: both;}
/* flex */	
.flex,.flexA,.flexB,.flexC {display: flex;flex-wrap: wrap;}
.flexA {justify-content: space-around;}
.flexB {justify-content: space-between;}
.flexC {justify-content: center;}
/*------------------------------------------------------------
	common
------------------------------------------------------------*/
.comBox {
	margin: 0 auto;
	padding: 0 15px;
	max-width: 1240px;
}
@media all and (max-width: 896px) {
	.comBox {
		max-width: inherit;
	}
}
/*------------------------------------------------------------
	comBox01
------------------------------------------------------------*/
.comBox01 {
	margin: 0 auto;
	padding: 0 15px;
	max-width: 900px;
}
@media all and (max-width: 896px) {
	.comBox {
		max-width: inherit;
	}
}
/*------------------------------------------------------------
	pageTitle
------------------------------------------------------------*/
.pageTitle {
	padding: 95px 20px 20px;
	height: 300px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	background: url(../../img/common/page_title_bg.jpg) no-repeat 35% center / cover;
}
.pageTitle h2 {
	width: 100%;
	max-width: 80%;
	color: #fff;
	font-size: 3rem;
	text-align: center;
	letter-spacing: 0.1em;
}
.pageTitle h2 span {
	margin-bottom: 3px;
	display: block;
	font-size: 1.5rem;
	font-weight: 400;
	letter-spacing: 0;
}
@media all and (max-width: 896px) {
	.pageTitle {
		padding: 30px 20px 20px;
	}
	.pageTitle h2 {
		font-size: 2.5rem;
	}
	.pageTitle h2 span {
		font-size: 1.3rem;
	}
}
/*------------------------------------------------------------
	pagePath
------------------------------------------------------------*/
.pagePath {
	margin: -39px 30px 92px;
}
.pagePath li {
	margin-right: 3px;
	display: inline-block;
	vertical-align: top;
	color: #fff;
	font-size: 1.2rem;
}
.pagePath li:last-of-type {
	margin-right: 0;
}
.pagePath li a {
	margin-right: 10px;
	color: #fff;
	font-size: 1.2rem;
}
@media all and (min-width: 897px) {
	.pagePath li a:hover {
		opacity: 0.7;
	}
}
@media all and (max-width: 896px) {
	.pagePath {
		margin: -39px 20px 92px;
	}
}
/*------------------------------------------------------------
	comBg01
------------------------------------------------------------*/
.comBg01 {
	padding: 80px 0;
	position: relative;
	box-sizing: border-box;
}
.comBg01 .rBox {
	margin-left: auto;
	width: calc(100% - 200px);
}
.comBg01::before {
	width: calc(50% + 500px);
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 15px 0px 0px 15px;
	background-color: #fff;
	content: '';
	z-index: -1;
}
.comBg01 .comBox {
	position: relative;
}
.comBg01 h3 {
	width: 130px;
	position: absolute;
	left: 9px;
	top: 26px;
}
@media (min-width: 897px) and (max-width: 1400px) {
	.comBg01::before {
		width: 85.71%;
	}
}
@media all and (max-width: 896px) {
	.comBg01 {
		margin-left: auto;
		padding: 40px 0;
		max-width: inherit;
	}
	.comBg01::before {
		width: calc(100% - 60px);
		right: auto;
		left: 60px;
		border-radius: 10px 0px 0px 10px;
	}
	.comBg01 h3 {
		width: 45px;
		left: 15px;
		top: 30px;
	}
	.comBg01 .rBox {
		margin-left: auto;
		width: calc(100% - 60px);
	}
}
/*------------------------------------------------------------
	comBg02
------------------------------------------------------------*/
.comBg02 {
	padding: 67px 0 48px;
	position: relative;
	box-sizing: border-box;
}
.comBg02.bg01 {
	padding-bottom: 89px;
}
.comBg02 .rBox {
	margin-left: auto;
	width: 67.75%;
}
.comBg02 .lBox {
	width: 67.75%;
}
.comBg02::before {
	width: calc(50% + 300px);
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 15px 0px 0px 15px;
	background-color: #fff;
	content: '';
	z-index: -1;
}
.comBg02.bg01::before {
	left: 0;
	right: auto;
	border-radius: 0 15px 15px 0;
}
.comBg02 .comBox {
	position: relative;
}
.comBg02 .head {
	width: 65px;
	position: absolute;
	left: 21.6%;
	top: -32px;
}
.comBg02.bg01 .head {
	left: auto;
	right: 21.6%;
	top: 0;
}
@media (min-width: 897px) and (max-width: 1400px) {
	.comBg02::before {
		width: 71.43%;
	}
	/* .comBg02::before {
		left: 28.57%;
	}
	.comBg02.bg01::before {
		right: 28.57%;
	} */
}
@media all and (max-width: 896px) {
	.comBg02 {
		padding: 40px 0;
	}
	.comBg02.bg01 {
		padding-bottom: 40px;
	}
	.comBg02 .rBox {
		margin-left: auto;
		width: calc(100% - 122px);
	}
	.comBg02 .lBox {
		width: calc(100% - 122px);
	}
	.comBg02::before {
		width: calc(100% - 100px);
		max-width: inherit;
		right: auto;
		left: 100px;
		border-radius: 10px 0px 0px 10px;
	}
	.comBg02.bg01::before {
		left: auto;
		right: 100px;
	}
	.comBg02 .head {
		width: 45px;
		left: 15px;
		top: 30px;
		display: none;
	}
	.comBg02.bg01 .head {
		left: auto;
		right: 15px;
		top: 0;
	}
}
/*------------------------------------------------------------
	comLinkList
------------------------------------------------------------*/
.comLinkList {
	margin: -48px 0 48px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.comLinkList li {
	margin-top: 48px;
	width: calc((100% - 110px) / 3);
}
.comLinkList li a {
	display: block;
}
.comLinkList li .pho {
	margin-bottom: 12px;
	position: relative;
}
.comLinkList li .pho::after {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 15px;
	background-color: rgba(0,0,0,0.1);
	content: '';
	transition: .3s;
	opacity: 0;
}
.comLinkList li .pho::before {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 20px;
	bottom: 20px;
	background: url(../../img/common/icon01.png) no-repeat center center / cover;
	content: '';
	z-index: 2;
}
.comLinkList li .txtBox p {
	margin-bottom: 5px;
}
.comLinkList li .txtBox p:last-of-type {
	margin-bottom: 0;
}
.comLinkList li .txtBox .txt01 {
	margin-bottom: 9px;
	font-weight: 700;
	text-align: center;
}
.comLinkList li .txtBox .txt02 {
	color: #e8002f;
	font-size: 1.3rem;
	font-weight: 700;
	text-align: right;
}
@media all and (min-width: 897px) {
	.comLinkList li a:hover .pho::after {
		opacity: 1;
	}
}
@media all and (max-width: 896px) {
	.comLinkList {
		margin: -30px 0 30px;
	}
	.comLinkList li {
		margin-top: 30px;
		width: calc((100% - 10px) / 2);
	}
	.comLinkList li a {
		display: block;
	}
	.comLinkList li .pho::before {
		width: 20px;
		height: 20px;
		right: 10px;
		bottom: 10px;
	}
	.comLinkList li .txtBox .txt02 {
		font-size: 1.1rem;
		text-align: left;
	}
}
/*------------------------------------------------------------
	comLinkUl
------------------------------------------------------------*/
.comLinkUl {
	margin: -40px auto 0;
	max-width: 1300px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.comLinkUl::after {
	width: calc((100% - 40px) / 3);
	content: '';
}
.comLinkUl li {
	border-radius: 15px;
	margin-top: 40px;
	overflow: hidden;
	width: calc((100% - 40px) / 3);
}
.comLinkUl li a {
	display: block;
	position: relative;
}
.comLinkUl li a .pho {
	position: relative;
}
.comLinkUl li a .pho::after {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 15px;
	background-color: rgba(0,0,0,0.1);
	content: '';
	opacity: 0;
	transition: .3s;
}
.comLinkUl li a::after {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 15px;
	bottom: 15px;
	background: url(../../img/common/icon01.png) no-repeat center center / cover;
	content: '';
	z-index: 2;
}
.comLinkUl li p {
	position: absolute;
	width: calc(100% - 60px);
	left: 30px;
	bottom: 15px;
	color: #fff;
	line-height: 1.5;
	font-size: 1.8rem;
	font-weight: 700;
	z-index: 2;
	text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15),0px 0px 15px rgba(0, 0, 0, 0.15),0px 0px 15px rgba(0, 0, 0, 0.15),0px 0px 15px rgba(0, 0, 0, 0.15);
}
.comLinkUl li p span {
	display: block;
	font-size: 1.1rem;
	font-weight: 400;
}
@media all and (min-width: 897px) {
	.comLinkUl li a:hover .pho::after {
		opacity: 1;
	}
}
@media all and (max-width: 896px) {
	.comLinkUl {
		margin: 0 20px;
		max-width: inherit;
		display: block;
	}
	.comLinkUl::after {
		display: none;
	}
	.comLinkUl li {
		margin: 0 0 20px;
		width: auto;
	}
	.comLinkUl li .pho {
		height: 48vw;
		overflow: hidden;
		border-radius: 15px;
	}
	.comLinkUl li .pho img {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		font-family: 'object-fit: cover;'
	}
	.comLinkUl li:last-of-type {
		margin-bottom: 0;
	}
	.comLinkUl li a::after {
		width: 20px;
		height: 20px;
		right: 20px;
		bottom: 27px;
	}
	.comLinkUl li p {
		width: calc(100% - 40px);
		left: 20px;
		bottom: 20px;
		font-size: 1.7rem;
		letter-spacing: 0.1em;
	}
	.comLinkUl li p span {
		margin: 2px 0 0;
		display: block;
		font-size: 1rem;
		font-weight: 400;
	}
}
/*------------------------------------------------------------
	comTextList01
------------------------------------------------------------*/
.comTextList01 li {
	margin-bottom: 29px;
	display: flex;
	justify-content: space-between;
}
.comTextList01 li:last-of-type {
	margin-bottom: 0;
}
.comTextList01 li .pho {
	width: 41.67%;
}
.comTextList01 li .txtBox {
	width: 54.76%;
}
.comTextList01 li .txtBox .ttl {
	margin-bottom: 11px;
	color: #e8002f;
	font-size: 1.8rem;
	line-height: 1.5;
	font-weight: bold;
}
.comTextList01 li .txtBox .ttl span {
	font-weight: 400;
}
@media all and (max-width: 896px) {
	.comTextList01 li {
		display: block;
	}
	.comTextList01 li .pho {
		margin-bottom: 20px;
		width: auto;
	}
	.comTextList01 li .pho img {
		width: 100%;
	}
	.comTextList01 li .txtBox {
		width: auto;
	}
	.comTextList01 li .txtBox .ttl {
		font-size: 1.6rem;
	}
}
/*------------------------------------------------------------
	comTextList02
------------------------------------------------------------*/
.comTextList02 {
	display: flex;
	justify-content: space-between;
}
.comTextList02 > li {
	margin: 0 -18px 0 -17px;
}
.comTextList02 > li:first-of-type {
	margin-left: -22px;
}
.comTextList02 > .list01 {
	margin-right: -25px;
}
.comTextList02 ul li:not(:last-of-type) {
	margin-bottom: -35px;
}
@media all and (-ms-high-contrast:none) {
	.comTextList02 > li:first-of-type {
		width: 63.47%;
	}
	.comTextList02 > .list01 {
		width: 57.58%;
	}
}
@media (min-width: 897px) and (max-width: 1100px) {
	.comTextList02 > li {
		margin: 0 -10px;
	}
	.comTextList02 ul li:not(:last-of-type) {
		margin-bottom: -20px;
	}
}
@media all and (max-width: 896px) {
	.comTextList02 {
		display: block;
	}
	.comTextList02 > li {
		margin: 0;
	}
	.comTextList02 > li:first-of-type {
		margin-left: 0;
	}
	.comTextList02 > .list01 {
		margin-right: 0;
	}
	.comTextList02 ul li:not(:last-of-type) {
		margin-bottom: 0;
	}
}
/*------------------------------------------------------------
	pageNavi
------------------------------------------------------------*/
.pageNavi {
	display: flex;
	justify-content: center;
}
.pageNavi li {
	margin: 0 7px 0 8px;
}
.pageNavi li a {
	padding: 5px;
	width: 50px;
	height: 50px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	background-color: #f5f5f5;
}
.pageNavi li.current a:hover,
.pageNavi li.current a {
	color: #fff;
	background-color: #e8002f;
}
.pageNavi li.prev a {
	background: url(../../img/common/icon02.png) no-repeat center center / 9px auto;
	background-color: #f5f5f5;
}
.pageNavi li.next a {
	background: url(../../img/common/icon03.png) no-repeat center center / 9px auto;
	background-color: #f5f5f5;
}
@media all and (min-width: 897px) {
	.pageNavi li a:hover {
		color: #fff;
		background-color: #e8002f;
	}
	.pageNavi li.prev a:hover {
		background-image: url(../../img/common/icon04.png);
		background-color: #e8002f;
	}
	.pageNavi li.next a:hover {
		background-image: url(../../img/common/icon05.png);
		background-color: #e8002f;
	}
}
@media all and (max-width: 896px) {
	.pageNavi li a {
		padding: 5px;
		width: 35px;
		height: 35px;
	}
}
/*------------------------------------------------------------
	headLine01
------------------------------------------------------------*/
.headLine01 {
	color: #e8002f;
	font-size: 2rem;
	line-height: 1.5;
}
@media all and (max-width: 896px) {
	.headLine01 {
		font-size: 1.5rem;
	}
}
/*------------------------------------------------------------
	headLine02
------------------------------------------------------------*/
.headLine02 {
	color: #888;
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 1.8;
	text-align: left;
}
.headLine02 span {
	font-size: 2.4rem;
	color: #e8002f;
	display: block;
	font-weight: 700;
	letter-spacing: 0.05em;
}
@media all and (max-width: 896px) {
	.headLine02 {
		font-size: 1rem;
	}
	.headLine02 span {
		margin-bottom: 4px;
		font-size: 2rem;
	}
}
/*------------------------------------------------------------
	headLine03
------------------------------------------------------------*/
.headLine03 {
	margin-bottom: 44px;
	color: #e8002f;
	font-size: 4rem;
	line-height: 1.5;
	text-align: center;
}
@media all and (max-width: 896px) {
	.headLine03 {
		margin-bottom: 20px;
		font-size: 2rem;
	}
}
/*------------------------------------------------------------
	headLine04
------------------------------------------------------------*/
.headLine04 {
	margin-bottom: 30px;
	padding-bottom: 21px;
	position: relative;
	color: #e8002f;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
}
.headLine04::after {
	width: 80px;
	height: 3px;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	content: '';
	background-color: #e8002f;
}
.headLine04 span {
	margin-top: 6px;
	display: block;
	color: #222;
	font-size: 1.2rem;
	letter-spacing: 0.1em;
	font-family: 'Ubuntu', sans-serif;
}
@media all and (max-width: 896px) {
	.headLine04 {
		padding-bottom: 10px;
		font-size: 1.8rem;
	}
	.headLine04::after {
		width: 50px;
		height: 2px;
	}
	.headLine04 span {
		margin-top: 6px;
		font-size: 1.1rem;
	}
}
/*------------------------------------------------------------
	comTable01
------------------------------------------------------------*/
.comTable01 {
	margin-bottom: 30px;
	width: 100%;
	box-sizing: border-box;
	border-collapse: collapse;
}
.comTable01 th,
.comTable01 td {
	padding: 17px 10px;
	width: 20.2%;
	color: #e8082f;
	font-size: 1.5rem;
	font-weight: 700;
	text-align: center;
	box-sizing: border-box;
	border-bottom: 1px solid #e8002f;
}
.comTable01 td {
	padding: 17px 30px 17px 50px;
	width: 79.8%;
	color: #222;
	font-weight: 400;
	border-color: #d6d6d6;
	text-align: left;
}
.comTable01 td a {
	display: inline-block;
}
.comTable01.table01 {
	margin-bottom: 50px;
}
.comTable01.table01 th,
.comTable01.table01 td {
	padding: 17px 10px;
	width: 25%;
	text-align: center;
	vertical-align: middle;
}
.comTable01.table01 tr:first-of-type td {
	color: #e8082f;
	font-weight: 700;
}
.comTable01.table01 td small {
	font-size: 1.3rem;
	line-height: 1.75;
	display: inline-block;
}
@media all and (min-width: 897px) {
	.comTable01 td a:hover {
		text-decoration: underline;
	}
}
@media all and (max-width: 896px) {
	.comTable01 {
		margin-bottom: 30px;
	}
	.comTable01 th,
	.comTable01 td {
		padding: 15px 0;
		width: 100%;
		display: block;
		font-size: 1.3rem;
		text-align: left;
	}
	.comTable01 td {
		padding: 15px 0;
		width: 100%;
	}
	.comTable01.table01 {
		margin-bottom: 50px;
	}
	.comTable01.table01 th,
	.comTable01.table01 td {
		padding: 10px 0;
		width: 100%;
		text-align: left;
	}
	.comTable01.table01 tr:first-of-type td {
		color: #222;
		font-weight: 400;
	}
	.comTable01.table01 td small {
		font-size: 1.3rem;
		line-height: 1.75;
		display: inline-block;
	}
}
/*------------------------------------------------------------
	comTable02
------------------------------------------------------------*/
.comTable02 {
	width: 100%;
	box-sizing: border-box;
	border-collapse: collapse;
}
.comTable02 th,
.comTable02 td {
	padding: 17px 0;
	width: 25%;
	text-align: center;
	border-bottom: 1px solid #d6d6d6;
	vertical-align: top;
	box-sizing: border-box;
}
.comTable02 th {
	color: #e8002f;
}
.comTable02 tr:last-of-type td {
	border-bottom: none;
}
.comTable02 td span {
	display: inline-block;
	text-align: left;
}
@media all and (max-width: 896px) {
	.comTable02 th,
	.comTable02 td {
		padding: 10px 0;
		width: 23%;
	}
	.comTable02 th:last-of-type,
	.comTable02 td:last-of-type {
		width: 31%;
	}
}
/*------------------------------------------------------------
	comArea
------------------------------------------------------------*/
.comArea:not(:last-of-type) {
	margin-bottom: 100px;
}
.comArea .headLine02 {
	margin: -54px 0 0 4%;
	float: left;
	text-align: right;
	position: relative;
	z-index: 2;
}
.comArea .textList {
	margin: -10px 0 32px;
	display: flex;
	flex-wrap: wrap;
}
.comArea .textList li {
	margin: 10px 10px 0 0;
	width: calc((100% - 40px) / 5);
}
.comArea .textList li:nth-of-type(5n) {
	margin-right: 0%;
}
.comArea .textList li .ttl {
	margin-bottom: 10px;
	padding: 9px;
	color: #fff;
	font-size: 1.5rem;
	font-weight: 700;
	text-align: center;
	border-radius: 10px;
	background-color: #e8002f;
}
.comArea .textList li p {
	font-size: 1.3rem;
	line-height: 1.5;
}
.comArea .comTable01 {
	margin-bottom: 0;
}
.comArea .comTable01 th,
.comArea .comTable01 td {
	padding: 17px 20px;
}
.comArea .comTable01 th {
	width: 17.86%;
}
.comArea .comTable01 td {
	padding-right: 10px;
	width: 82.14%;
}
.comArea.area01 .headLine02 {
	margin: -41px 4% 0 0;
	float: right;
	text-align: left;
}
@media all and (max-width: 896px) {
	.comArea:not(:last-of-type) {
		margin-bottom: 50px;
	}
	.comArea .headLine02 {
		margin: 0 0 30px 0;
		float: none;
		text-align: left;
	}
	.comArea .textList {
		margin: -10px 0 32px;
		justify-content: space-between;
	}
	.comArea .comBg02 .head {
		top: 70px;
	}
	.comArea .textList li {
		margin: 10px 0 0;
		width: calc((100% - 10px) / 2);
	}
	.comArea .textList li .ttl {
		font-size: 1.3rem;
		border-radius: 5px;
	}
	.comArea .textList li p {
		font-size: 1.2rem;
	}
	.comArea .comTable01 {
		margin-bottom: 0;
	}
	.comArea .comTable01 th,
	.comArea .comTable01 td {
		padding: 15px 0;
	}
	.comArea .comTable01 th {
		width: 100%;
	}
	.comArea .comTable01 td {
		padding-right: 0;
		width: 100%;
	}
	.comArea.area01 .headLine02 {
		margin: 0 0 30px 0;
		float: none;
		text-align: right;
	}
}
/*------------------------------------------------------------
	comBtn
------------------------------------------------------------*/
.comBtn {
	margin: 0 auto;
	max-width: 250px;
}
.comBtn a {
	padding: 7px;
	display: block;
	color: #fff;
	font-size: 1.5rem;
	font-weight: 700;
	text-align: center;
	background-color: #e8002f;
}
.comBtn a span {
	padding-right: 39px;
	background: url(../../img/common/icon07.png) no-repeat right center / 9px auto;
}
@media all and (min-width: 897px) {
	.comBtn a:hover {
		opacity: 0.7;
	}
}
@media all and (max-width: 896px) {
}
/*------------------------------------------------------------
	tabList
------------------------------------------------------------*/
.tabList {
	margin-top: -1px;
	display: flex;
	border-bottom: 1px solid #d6d6d6;
}
.tabList li {
	margin: 1px 1px -1px 0;
	width: 160px;
	color: #888;
	font-size: 1.5rem;
	font-weight: 700;
	text-align: center;
}
.tabList li a {
	padding: 7px 10px;
	color: #888;
	display: block;
	border-radius: 10px 10px 0 0;
	background-color: #eee;
}
.tabList li.on a {
	color: #fff;
	background-color: #e8002f;
}
@media all and (min-width: 897px) {
	.tabList li a:hover {
		color: #fff;
		background-color: #e8002f;
	}
}
@media all and (max-width: 896px) {
	.tabList {
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.tabList::after {
		width: calc((100% - 2px) / 3);
		content: '';
	}
	.tabList li {
		margin: 1px 0 0;
		width: calc((100% - 2px) / 3);
		color: #888;
		font-size: 1.3rem;
		font-weight: 700;
		text-align: center;
	}
	.tabList li a {
		padding: 7px 5px;
		color: #888;
		display: block;
		border-radius: 10px 10px 0 0;
		background-color: #eee;
	}
	.tabList li.on a {
		background-color: #e8002f;
	}
}
/*------------------------------------------------------------
	comBtmBtn
------------------------------------------------------------*/
.comBtmBtn {
	width: 300px;
	position: fixed;
	right: 50px;
	bottom: 68px;
	z-index: 99;
}
.comBtmBtn2{
	bottom: 225px!important;
}
.comBtmBtn a {
	display: block;
	position: relative;
}
.comBtmBtn a::before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 15px;
	background-color: rgba(255,255,255,0.3);
	content: '';
	opacity: 0;
	transition: .3s;
}
.comBtmBtn span {
	width: 20px;
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
	z-index: 2;
}
@media all and (min-width: 897px) {
	.comBtmBtn a:hover::before {
		opacity: 1;
	}
}
@media all and (max-width: 896px) {
	.comBtmBtn {
		width: 180px;
		right: 10px;
		bottom: 10px;
	}
	.comBtmBtn2{
		bottom: 105px!important;
	}
	.comBtmBtn span {
		width: 30px;
		height: 30px;
		display: flex;
		align-items: center;
		justify-content: center;
		right: 1px;
		top: 1px;
	}
	.comBtmBtn span img {
		width: 20px;
	}
}
/*------------------------------------------------------------
	fadeIn
------------------------------------------------------------*/
.fadeIn {
	opacity: 0;
	transition: all .5s ease;
}
.fadeIn.animation{
	opacity: 1;
}
.fadeInLeft {
	opacity: 0;
	transform: translateX(-30px);
	transition: all .5s ease;
}
.fadeInLeft.animation{
	opacity: 1;
	transform: translateX(0);
}
.fadeInRight {
	opacity: 0;
	transform: translateX(30px);
	transition: all .5s ease;
}
.fadeInRight.animation{
	opacity: 1;
	transform: translateX(0);
}
.fadeInUp {
	opacity: 0;
	transform: translateY(30px);
	transition: all .5s ease;
}
.fadeInUp.animation{
	opacity: 1;
	transform: translateY(0);
}
.fadeInDown {
	opacity: 0;
	transform: translateY(-30px);
	transition: all .5s ease;
}
.fadeInDown.animation{
	opacity: 1;
	transform: translateY(0);
}

.fadeInList ul li {
	opacity: 0;
}
.aniLeft {
	animation: aniLeft 0.5s forwards;
}
.aniRight {
	animation: aniRight 0.5s forwards;
}
.aniTop {
	animation: aniTop 0.5s forwards;
}
.aniBottom {
	animation: aniBottom 0.5s forwards;
}
@keyframes aniLeft {
	0%{
		opacity: 0;
		transform: translateX(-20px);
	}
	100%{
		opacity: 1;
		transform: translateX(0);
	}
}
@keyframes aniRight {
	0%{
		opacity: 0;
		transform: translateX(20px);
	}
	100%{
		opacity: 1;
		transform: translateX(0);
	}
}
@keyframes aniTop {
	0%{
		opacity: 0;
		transform: translateY(-20px);
	}
	100%{
		opacity: 1;
		transform: translateY(0);
	}
}
@keyframes aniBottom {
	0%{
		opacity: 0;
		transform: translateY(20px);
	}
	100%{
		opacity: 1;
		transform: translateY(0);
	}
}