@charset "UTF-8";







body {



	min-width: 1200px;



}



.globalTop #wrap #mainArea {



	margin-bottom: 0;



}







.homeTop {



	min-height: 642px;



	margin-top: 0 !important;



	background: #487692;



}



.homeTop .homeTopMv {



	display: block;



	visibility: hidden;



	position: absolute;



	width: 100%;



	min-height: 642px;



	padding-top: 30px;



	-webkit-box-sizing: border-box;



	box-sizing: border-box;



	background: #487692 url(/images/index_img_mv03.png) 50% 0 no-repeat;



}



.homeTop .homeTopMv.homeTopMv2 {



	display: none;



	background: #487692 url(/images/index_img_mv02.jpg) 50% 0 no-repeat;



}



.homeTop > a:hover {



	opacity: 0.9;



}



.homeTopMainVisual {



	display: none;



	width: 1200px;



	margin: 0 auto;



}



.homeTopMainVisual h2 {



	margin-top: 175px;



}



.homeTopMainVisual > div {



	margin: 40px 0 0 100px;



}



.homeTopMainVisual > div > span {



	width: 240px;



	text-align: center;



}



.homeTopMainVisual > div > span:hover {



	border: 1px solid #d3d3d3;



}



.homeTopMainVisual > div > span > span {



	color: #0ca26c;



}



.homeTopMainVisual > div > span:hover > span {



	color: #0ca26c;



}



.homeTop .v3-carousel01 .carouselList {



	overflow: hidden;



	height: 166px;



}



/*.homeTopMainVisual > div > span {



	opacity: 0.8;



}



.homeTopMainVisual > div > span > span {



	color: #0ca26c;



}*/







.homeTop > .columnInner {



	position: relative;



	padding: 0;



}



.homeTop > .columnInner:before,



.homeTop > .columnInner:after {



	content: " ";



	display: table;



}



.homeTop > .columnInner:after {



	clear: both;



}



.homeTop .homeTopLinks {



	position: absolute;



	top: 30px;



	right: 0;



	width: 336px;



	box-sizing: border-box;



}



.homeTop .homeTopLinks > nav {



	padding: 15px;



	border-radius: 3px;



	background: rgba(0, 0, 0, 0.12);



}



.homeTop .homeTopLinks > nav > .homeTopLinksInner {



	text-align: center;



}



.homeTop .homeTopLinks > nav > .homeTopLinksInner .homeTopLinksTitle {



	padding: 12px 0 10px;



	border-top-right-radius: 3px;



	border-top-left-radius: 3px;



	background: #fff;



	font-weight: bold;



	font-size: 0.77em;



}



.homeTop .homeTopLinks > nav > .homeTopLinksInner .homeTopLinksDetail > * {



	padding: 8px 15px 10px;



}



.homeTop .homeTopLinks > nav > .homeTopLinksInner .homeTopLinksDetail > .homeTopLinksKojin {



	background: #fff7e6;



}



.homeTop .homeTopLinks > nav > .homeTopLinksInner .homeTopLinksDetail > .homeTopLinksHojin {



	background: #ebfbff;



	border-bottom-right-radius: 3px;



	border-bottom-left-radius: 3px;



}



.homeTop .homeTopLinks > nav > .homeTopLinksInner .homeTopLinksDetail > * > .title {



	font-weight: bold;



	margin-bottom: 10px;



}



.homeTop .homeTopLinks > nav > .homeTopLinksInner .homeTopLinksDetail > .homeTopLinksKojin > .title {



	color: #e98603;



}



.homeTop .homeTopLinks > nav > .homeTopLinksInner .homeTopLinksDetail > .homeTopLinksHojin > .title {



	color: #077cce;



}



.homeTop .homeTopLinks > nav > .homeTopLinksInner .homeTopLinksDetail .homeTopLinksLogo > .title > *:not(:first-child) {



	margin-left: 15px;



}



.homeTop .homeTopLinks > nav > .homeTopLinksInner .homeTopLinksDetail .homeTopLinksLogo > .title {



	line-height: 1;



}



.homeTop .homeTopLinks > nav > .homeTopLinksInner .homeTopLinksDetail .homeTopLinksLogo > .title + .detail {



	margin-top: 10px;



}



.homeTop .homeTopLinks > nav > ul {



	display: flex;



	align-items: stretch;



	flex-wrap: wrap;



	justify-content: space-between;



	align-items: center;



	width: 100%;



}



.homeTop .homeTopLinks > nav > ul > li {



	display: flex;



	justify-content: center;



	align-items: center;



	width: 148px;



	margin-top: 10px;



}



.homeTop .homeTopLinks > nav > ul > li > a {



	display: flex;



	justify-content: center;



	align-items: center;



	width: 100%;



	height: 100%;



	padding: 10px;



	margin-bottom: 0;



	box-sizing: border-box;



	border-radius: 3px;



	font-size: 0.78em;



}



.homeTop .homeTopLinks > nav > ul > li > a:hover {



}



.homeTop .homeTopLinks > nav > ul > li > a > span {



	padding: 0 !important;



}



.homeTop .homeTopLinks > nav > ul > li > a > span::before {



	display: block;



	position: static;



	height: 22px;



	margin-top: 0;



	margin-bottom: 5px;



	color: #fff;



	font-size: 22px;



	text-align: center;



}



.homeTop .homeTopLinks .linkBeginner01:hover {



	opacity: 0.7;



}



.homeTop .homeTopLinks .linkBeginner01 > span::before {



	content: '';



	display: inline-block;



	position: relative;



	top: 0.3em;



	width: 14px;



	height: 20px;



	margin-right: 10px;



	background: url(/images/index_ico_beginner01.gif) 0 0 no-repeat;



}



.homeTop .homeTopLinks > nav > ul > li > a.glyphMoney02 > span::before {



	font-size: 18px;



}



.glyphMoney02 > span:before {



	content: "\e95e";



	font-family: 'icon_type2018';



}



.homeTop .v3-carousel01 {



	margin-top: 18px;



}



.homeTop .v3-carousel01 .carouselList {



	display: block;



}



.homeTop .v3-carousel01 .bx-viewport {



	margin-bottom: 10px;



}



.homeTop .homeCarousel01 .carouselBtn a {



	right: -42px;



}



.homeTop .v3-carousel01 .bx-controls {



	margin-right: 50px;



}


.noCalousel > li {
	width: 336px;
	margin-right: 32px;
	text-align: left;
}
.noCalousel > li:last-child {
	margin-right: 0;
}




.v3-carousel01.v3_carouselIndYellow01 .bx-pager > .bx-pager-item > .bx-pager-link {



	background: -webkit-linear-gradient(top, transparent 48%, #fff 48%, #fff 52%, transparent 52%, transparent 100%);



	background: -ms-linear-gradient(top, transparent 48%, #fff 48%, #fff 52%, transparent 52%, transparent 100%);



	background: linear-gradient(to bottom, transparent 48%, #fff 48%, #fff 52%, transparent 52%, transparent 100%);



}



.v3-carousel01.v3_carouselIndYellow01 .bx-pager > .bx-pager-item > .bx-pager-link.active {



	background: -webkit-linear-gradient(top, transparent 48%, #ffc961 48%, #ffc961 52%, transparent 52%, transparent 100%);



	background: -ms-linear-gradient(top, transparent 48%, #ffc961 48%, #ffc961 52%, transparent 52%, transparent 100%);



	background: linear-gradient(to bottom, transparent 48%, #ffc961 48%, #ffc961 52%, transparent 52%, transparent 100%);



}



.v3-carousel01.v3_carouselIndYellow01 .bx-prev::before,



.v3-carousel01.v3_carouselIndYellow01 .bx-next::after {



	border-top: 2px solid #fff;



	border-right: 2px solid #fff;



}







.attentionBlockTop01 {



	background: #fff0f0;



}



.attentionBlockTop01 > .columnInner {



	padding-top: 0 !important;



	padding-bottom: 0 !important;



}



.attentionBlockTop01 li {



	position: relative;



	padding-bottom: 10px;



	border-top: 2px solid #FFF;



}



.attentionBlockTop01 li:first-child {



	padding-top: 10px;



	border-top: none;



}



.attentionBlockTop01 a {



	display: block;



	padding-right: 50px;



	color: #f00;



}



.attentionBlockTop01 a:hover {



	opacity: 0.7;



}



.attentionBlockTop01 .itemClose {



	cursor: pointer;



	display: block;



	position: absolute;



	right: 12px;



	top: 50%;



	width: 26px;



	height: 26px;



	margin-top: -12px;



	background: url(/images/index_ico_close02.png) no-repeat 0 0;



	-webkit-background-size: 26px 26px;



	background-size: 26px 26px;



	overflow:hidden;



	text-indent:-500px;



}



.attentionBlockTop01 .itemClose:hover {



	opacity: 0.7;



}







#homeApp01 > .columnInner {



	position: relative;



}



#homeApp01 h2 {



	margin-top: 50px;



}



#homeApp01 > .columnInner {



	padding-bottom: 0;



}



#homeApp01 .imgBlockA02 .img {



	margin: 0 98px 0 70px;



}



#homeApp01 .homeAppBtn .btnT02 {



	width: 60%;



}



#homeApp01 .itemClose {



	cursor: pointer;



	display: block;



	position: absolute;



	right: 12px;



	top: 26px;



	width: 26px;



	height: 26px;



	background: url(/images/index_ico_close01.png) no-repeat 0 0;



	-webkit-background-size: 26px 26px;



	background-size: 26px 26px;



	overflow:hidden;



	text-indent:-500px;



}



#homeApp01 .itemClose:hover {



	opacity: 0.7;



}







#homeSearch {



	width: 800px;



	margin: 80px auto 0;



}



#homeSearch .searchKeyword {



	position: relative;



	margin: 30px 0 25px;



	vertical-align: bottom;



}



#homeSearch *[type="search"],



#homeSearch *[type="text"] {



	-webkit-appearance: none;



	appearance: none;



	width: 660px;



	height: 50px;



	line-height: 50px;



	padding: 0 7px;



	border: 1px solid #d3d3d3;



	border-right: none;



	-webkit-box-sizing: border-box;



	-moz-box-sizing: border-box;



	box-sizing: border-box;



	-webkit-border-top-left-radius: 4px;



	-moz-border-top-left-radius: 4px;



	-ms-border-top-left-radius: 4px;



	-o-border-top-left-radius: 4px;



	border-top-left-radius: 4px;



	-webkit-border-bottom-left-radius: 4px;



	-moz-border-bottom-left-radius: 4px;



	-ms-border-bottom-left-radius: 4px;



	-o-border-bottom-left-radius: 4px;



	border-bottom-left-radius: 4px;



	box-shadow: 0px 5px 5px -4px #e6e6e6 inset;



	-webkit-box-shadow: 0px 5px 5px -4px #e6e6e6 inset;



	-moz-box-shadow: 0px 5px 5px -4px #e6e6e6 inset;



	font-size: 18px;



}



#homeSearch input + button {



	position: absolute;



	bottom: 0;



	right: 0;



	display: inline-block;



	width: 140px;



	height: 50px;



	padding: 0;



	border: none;



	-webkit-border-top-right-radius: 4px;



	-moz-border-top-right-radius: 4px;



	-ms-border-top-right-radius: 4px;



	-o-border-top-right-radius: 4px;



	border-top-right-radius: 4px;



	-webkit-border-bottom-right-radius: 4px;



	-moz-border-bottom-right-radius: 4px;



	-ms-border-bottom-right-radius: 4px;



	-o-border-bottom-right-radius: 4px;



	border-bottom-right-radius: 4px;



	background: #0ba26b;



	color: #fff;



	font-size: 18px;



}



#homeSearch input + button:hover {



	opacity: 0.8;



}



#homeSearch .keywordList01 {



	padding: 30px;



	background: #f7f7f7;



}



#homeSearch .keywordList01 .detail > ul > li {



	display: inline-block;



	margin-right: 5px;



}



#homeSearch .keywordList01 .detail > ul > li:last-child {



	margin-right: 0;



}



#homeSearch .keywordList01 .detail > ul > li::after {



	content: '／';



	margin-left: 10px;



	color: #0ca26c;



}



#homeSearch .keywordList01 .detail > ul > li:last-child::after {



	display: none;



}







#homeAppBlock02 {



	height: 510px;



	background: #eee4d4;



}



#homeAppBlock02 > .columnInner {



	position: relative;



	padding: 0 0 0 25px;



	-webkit-box-sizing: border-box;



	box-sizing: border-box;



}



#homeAppBlock02 h2 {



	padding-top: 80px;



}



#homeAppBlock02 > .columnInner #homeAppImage {



	position: absolute;



	top: 0;



	right: 0px;



	background: url(/images/index_app_bg01.png) 0 0 no-repeat;



}



#homeAppBlock02 > .columnInner > ul {



	display: flex;



	align-items: stretch;



	flex-wrap: wrap;



	justify-content: space-between;



	width: 770px;



	padding-top: 30px;



}



#homeAppBlock02 > .columnInner > ul > li {



	display: flex;



	align-items: stretch;



	justify-content: center;



	position: relative;



	width: 151px;



	font-size: 0.89em;



	text-align: center;



}



#homeAppBlock02 > .columnInner > ul > li a {



	color: #333;



}



#homeAppBlock02 > .columnInner > ul > li a:hover {



	opacity: 0.8;



}



#homeAppBlock02 > .columnInner > ul > li a > figure {



	position: absolute;



	top: 0;



	left: 31px;



}



#homeAppBlock02 > .columnInner > ul > li a > span {



	display: flex;



	align-items: center;



	margin-top: 110px;



}



#homeAppBlock02 .homeAppBtn {



	width: 800px;



	text-align: center;



}



#homeAppBlock02 .homeAppBtn .btnT02 {



	width: 360px;



	margin: 40px auto 0;



}







#homeGettingHelp #faqLoadList1 {



	width: 800px;



	margin: 50px auto;



}



#homeGettingHelp .homeGettingHelpList {



	display: flex;



	align-items: stretch;



	flex-wrap: wrap;



	justify-content: space-between;



	margin-top: 35px;



}



#homeGettingHelp .homeGettingHelpList > li {



	display: flex;



	align-items: stretch;



	justify-content: center;



}



#homeGettingHelp .homeGettingHelpList > li > a {



	display: flex;



	align-items: center;



	justify-content: center;



	color: #333;



}



#homeGettingHelp .homeGettingHelpList > li > a:hover {



	opacity: 0.8;



}



#homeGettingHelp .homeGettingHelpList > li > a > span {



	display: block;



	padding: 80px 0 0 0;



	font-weight: bold;



}



#homeGettingHelp .homeGettingHelpList > li > a > span::before {



	display: block;



	position: absolute;



	top: 50%;



	left: 50%;



	width: 100px;



	height: 80px;



	margin: -80px 0 0 -50px;



	line-height: inherit;



	color: #0ca26c;



	font-size: 47px;



	font-weight: normal;



}



.v3-circleBlockA02 {



	position: relative;



	padding: 30px 25px;



	width: 217px;



	height: 217px;



	background: #fff;



	-webkit-box-sizing: border-box;



	-moz-box-sizing: border-box;



	box-sizing: border-box;



	-webkit-border-radius: 50%;



	-moz-border-radius: 50%;



	-ms-border-radius: 50%;



	-o-border-radius: 50%;



	border-radius: 50%;



}



#homePopularItem {



	background: #e0eee1;



}



#homePopularItem h2 {



	margin-bottom: 50px;



}



#homePopularItem .homePopularItemList {



	display: flex;



	align-items: stretch;



	flex-wrap: wrap;



	justify-content: space-between;



}



#homePopularItem .homePopularItemList > li {



	display: flex;



	align-items: stretch;



	justify-content: center;



	position: relative;



	width: 196px;



	height: 196px;



	margin-bottom: 4px;



}



#homePopularItem .homePopularItemList > li > a {



	display: flex;



	justify-content: center;



	align-items: center;



	width: 100%;



	height: 100%;



	-webkit-transition: .3s 0s all ease-in-out;



	transition: .3s 0s all ease-in-out;



	border-radius: 3px;



	background: #fff;



	color: #333;



	font-size: 0.89em;



	text-align: center;



}



#homePopularItem .homePopularItemList > li > a:hover {



	background: #0ca26c;



	color: #fff;



}



#homePopularItem .homePopularItemList > li > a > span {



	padding: 100px 0 0 0;



}



#homePopularItem .homePopularItemList > li > a > span::before {



	display: block;



	position: absolute;



	top: 50%;



	left: 50%;



	width: 100px;



	height: 100px;



	margin: -65px 0 0 -50px;



	line-height: inherit;



	-webkit-transition: .3s 0s all ease-in-out;



	transition: .3s 0s all ease-in-out;



	color: #0ca26c;



	font-size: 47px;



}



#homePopularItem .homePopularItemList > li > a:hover > span::before {



	color: #fff;



}



#homePopularItem .v3-borderList01 li[class*="popularItem"] > a {



	padding-left: 50px;



	text-align: left;



}



#homePopularItem .v3-borderList01 li[class*="popularItem"] > a > span::before {



	content: '';



	display: inline-block;



	position: absolute;



	top: 50%;



	left: 20px;



	width: 40px;



	height: 40px;



	margin-top: -20px;



	margin-right: 18px;



	vertical-align: middle;



}



#homePopularItem .v3-borderList01 li.popularItemFlee > a > span::before {



	background: url(/images/sp/index_list02_01.svg) no-repeat center center;



	-webkit-background-size: 40px 40px;



	background-size: 40px 40px;



}



#homePopularItem .v3-borderList01 li.popularItemMycar > a > span::before {



	background: url(/images/sp/index_list02_02.svg) no-repeat center center;



	-webkit-background-size: 40px 40px;



	background-size: 40px 40px;



}



#homePopularItem .v3-borderList01 li.popularItemEdu > a > span::before {



	background: url(/images/sp/index_list02_02.svg) no-repeat center center;



	-webkit-background-size: 40px 40px;



	background-size: 40px 40px;



}



#homePopularItem .v3-borderList01 li.popularItemExchange > a > span::before {



	font-family: 'icon_type2018';



	content: '\e923';



	display: inline-block;



	position: absolute;



	top: 50%;



	left: 20px;



	width: 40px;



	height: 40px;



	margin: -30px 0 0;



	color: #0ca26c;



	font-size: 40px;



}



#homePopularItem .v3-borderList01 li > a.btnT01 {



	padding-right: 30px !important;



}



#homePopularItem .v3-borderList01 li > a.btnT01 > span {



	padding-left: 30px !important;



}







.itemBalloonWrap {



	position: relative;



}



.itemBalloonContaner {



	z-index: 1;



	position: absolute;



	top: -30px;



	left: 50%;



	margin: 0 0 15px -88px;



	padding: 10px 5px;



	border: 1px solid #d9d9d9;



	border-radius: 6px;



	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.12);



	-webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.12);



	-moz-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.12);



	background: #FFF;



	font-size: 16px;



	line-height: 1.3;



	font-weight: bold;



}



.itemBalloonContaner > .itemBalloonPC {



	display: block;



	width: 165px;



	-webkit-background-size: 30px 30px;



	background-size: 30px 30px;



	color: #333;



	text-align: center;



}



.itemBalloonContaner > .itemBalloonPC::after {



	content: '';



	display: block;



	position: absolute;



	bottom: -6px;



	left: 50%;



	width: 10px;



	height: 10px;



	margin-left: -5px;



	border: 1px solid #d9d9d9;



	border-width: 0 1px 1px 0;



	background: #FFF;



	transform: rotate(45deg);



	box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.12);



	-webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.12);



	-moz-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.12);



}







#homeSearchByPurpose .homeCategoryMenuWrap {



	position: relative;



}



#homeSearchByPurpose .homeCategoryMenu {



	z-index: 1;



	justify-content: space-between;



	margin-top: 35px;



}



#homeSearchByPurpose .homeCategoryMenu,



#homeSearchByPurpose .homeCategoryBlock > ul {



	display: flex;



	align-items: stretch;



	flex-wrap: wrap;



	position: relative;



	box-shadow: 0px 0px 22px -1px #ccc;



	-webkit-box-shadow: 0px 0px 22px -1px #ccc;



	-moz-box-shadow: 0px 0px 22px -1px #ccc;



	border-radius: 4px;



}



#homeSearchByPurpose .homeCategoryMenu > li,



#homeSearchByPurpose .homeCategoryBlock li {



	display: flex;



	align-items: stretch;



	justify-content: center;



	width: 239px;



	margin-right: 1px;



	height: 220px;



}



#homeSearchByPurpose .homeCategoryMenu > li {



	display: flex;



	align-items: stretch;



	justify-content: center;



	width: 239px;



}



#homeSearchByPurpose .homeCategoryMenu > li > a,



#homeSearchByPurpose .homeCategoryBlock li a {



	display: flex;



	justify-content: center;



	align-items: center;



	position: relative;



	width: 100%;



	height: 100%;



	-webkit-transition: .3s 0s all ease-in-out;



	transition: .3s 0s all ease-in-out;



	background: #fff;



	color: #333;



	text-align: center;



}



#homeSearchByPurpose .homeCategoryMenu > li > a.select,



#homeSearchByPurpose .homeCategoryMenu > li > a:hover {



	background: #0ca26c;



	color: #fff;



}



#homeSearchByPurpose .homeCategoryMenu > li:first-child > a {



	border-top-left-radius: 4px;



	border-bottom-left-radius: 4px;



}



#homeSearchByPurpose .homeCategoryMenu > li:last-child > a {



	border-top-right-radius: 4px;



	border-bottom-right-radius: 4px;



}



#homeSearchByPurpose .homeCategoryMenu > li > a > span,



#homeSearchByPurpose .homeCategoryBlock li a > span {



	padding: 80px 0 0 0;



	padding-right: 0;



	font-weight: bold;



}



#homeSearchByPurpose .homeCategoryMenu > li a > span::before {



	display: block;



	position: absolute;



	top: 50%;



	left: 50%;



	width: 100px;



	height: 80px;



	line-height: inherit;



	margin: -65px 0 0 -50px;



	-webkit-transition: .3s 0s all ease-in-out;



	transition: .3s 0s all ease-in-out;



	color: #0ca26c;



	font-size: 47px;



	font-weight: normal;



}



#homeSearchByPurpose .homeCategoryMenu > li a > span::after {



	display: none;



}



#homeSearchByPurpose .homeCategoryBlock {



	z-index: 2;



	display: none;



	width: 1200px;



	background: #fff;



}



#homeSearchByPurpose .homeCategoryBlock li a > span::before {



	display: block;



	position: absolute;



	top: 50%;



	left: 50%;



	width: 100px;



	height: 80px;



	margin: -65px 0 0 -50px;



	line-height: 1.7;



	-webkit-transition: .3s 0s color ease-in-out;



	transition: .3s 0s color ease-in-out;



	color: #0ca26c;



	font-size: 47px;



	font-weight: normal;



}



#homeSearchByPurpose .homeCategoryBlock li a.glyphPayEasy01 > span::before,



#homeSearchByPurpose .homeCategoryBlock li a.glyphKmResonaU2501 > span::before {



	width: 70px;



	margin-left: -35px;



}



#homeSearchByPurpose .homeCategoryBlock li a:hover {



	background: #0ca26c;



	color: #fff;



}



#homeSearchByPurpose .homeCategoryBlock li a:hover > span::before {



	color: #fff;



}



#homeSearchByPurpose .homeCategoryBlock li.kojin05Menu08 a:hover::before {



	background: url(/common/images/ico_payeasy02.svg) 0 0 no-repeat;



}



#homeSearchByPurpose .homeCategoryMenu > li > a:hover > span::before,



#homeSearchByPurpose .homeCategoryMenu > li > a.select > span::before {



	color: #fff;



}



#homeSearchByPurpose .homeCategoryBlock .hcmBottom {



	padding: 20px 30px;



	background: #f7f7f7;



	text-align: right;



}







#homeCampaign {



	overflow: hidden;



	min-width: 1200px;



	background: #0ca26c;



}



/* #homeCampaign > .columnInner {



	width: auto;



} */



#homeCampaign h2 {



	margin-bottom: 50px;



	color: #fff;



}



#homeCampaign .bx-wrapper {



	overflow: visible !important;



	width: 100% !important;



}



#homeCampaign .bx-viewport {



	overflow: visible !important;



	width: 1200px !important;



	margin: 0 auto;



	transform: translateX(62px);



}



#homeCampaign .carouselList {



	margin: 0;



	padding: 0;



}



#homeCampaign .carouselList li {



	display: block;



	position: relative;



	width: 336px !important;



	margin: 0 32px 0 0;



	padding: 0;



	color: #fff;



}



#homeCampaign .carouselList li .itemBalloonContaner {



	margin-left: -98px;



}



#homeCampaign .carouselList li .itemBalloonPC {



	width: 195px;



	color: #000;



	font-weight: normal;



}



#homeCampaign .carouselList li > a {



	display: block;



	color: #fff;



}



#homeCampaign .carouselList li > a:hover {



	opacity: 0.8;



	color: #fff;



}



#homeCampaign .bx-controls {



	width: 730px;



	margin: 10px auto 0;



}



#homeCampaign .linkArrowCircleRight.tWhite01:before {



	color: #fff;



}











*[class*="v3-bnrBlockCam"] {



	padding: 16px;



	border-radius: 3px;



	box-sizing: border-box;



	text-align: center;



}



*[class*="v3-bnrBlockCam"] > .v3-blockInner {



	background: #fff;



}



#homeCampaign *[class*="v3-bnrBlockCam"] > .v3-blockInner *[class*="v3-bnrDetail"] {



	height: 154px;



}



*[class*="v3-bnrBlockCam"].v3-bnrHasDetail01 {



	padding: 6px;



}



*[class*="v3-bnrBlockCam"].v3-bnrHasDetail01 > .v3-blockInner {



	padding: 1px;



}



*[class*="v3-bnrBlockCam"] *[class*="v3-bnrDetail"] {



	display: flex;



	-ms-align-items: start;



	align-items: start;



	-ms-justify-content: center;



	justify-content: center;



	flex-wrap: wrap;



}



*[class*="v3-bnrBlockCam"] *[class*="v3-bnrDetail"] .v3-title {



	display: flex;



	-ms-align-items: start;



	align-items: start;



	-ms-justify-content: center;



	justify-content: center;



	width: 100%;



	height: 1.6em;



	padding: 8px 10px;



	color: #fff;



}



*[class*="v3-bnrBlockCam"] *[class*="v3-bnrDetail"] .v3-detail {



	display: flex;



	width: 100%;



	-ms-justify-content: center;



	justify-content: center;



}



.v3-bnrBlockCamGreen01 {



	background: #86dcba;



	background-image: linear-gradient(-45deg, #fff 25%,#0ca26c 25%, #0ca26c 50%,#fff 50%, #fff 75%,#0ca26c 75%, #0ca26c);



	background-size: 8px 8px;



}



.v3-bnrBlockCamGreen01 .v3-bnrDetail01 .v3-title {



	background: #0ca26c;



}



.v3-bnrBlockCamGreen01 .v3-bnrDetail01 .v3-detail {



	color: #0ca26c;



}



.v3-bnrBlockCamBlue01 {



	background: #0c96a2;



	background-image: linear-gradient(-45deg, #fff 25%,#0c96a2 25%, #0c96a2 50%,#fff 50%, #fff 75%,#0c96a2 75%, #0c96a2);



	background-size: 8px 8px;



}



.v3-bnrBlockCamBlue01 .v3-bnrDetail01 .v3-title {



	background: #0c96a2;



}



.v3-bnrBlockCamBlue01 .v3-bnrDetail01 .v3-detail {



	color: #0c96a2;



}



.v3-bnrBlockCamPurple01 {



	background: #c568a7;



	background-image: linear-gradient(-45deg, #fff 25%,#c568a7 25%, #c568a7 50%,#fff 50%, #fff 75%,#c568a7 75%, #c568a7);



	background-size: 8px 8px;



}



.v3-bnrBlockCamPurple01 .v3-bnrDetail01 .v3-title {



	background: #c568a7;



}



.v3-bnrBlockCamPurple01 .v3-bnrDetail01 .v3-detail {



	color: #c568a7;



}



.v3-bnrBlockCamOrange01 {



	background: #ee9623;



	background-image: linear-gradient(-45deg, #fff 25%,#ee9623 25%, #ee9623 50%,#fff 50%, #fff 75%,#ee9623 75%, #ee9623);



	background-size: 8px 8px;



}



.v3-bnrBlockCamOrange01 .v3-bnrDetail01 .v3-title {



	background: #ee9623;



}



.v3-bnrBlockCamOrange01 .v3-bnrDetail01 .v3-detail {



	color: #ee9623;



}



.v3-bnrBlockCamRed01 {



	background: #ef6262;



	background-image: linear-gradient(-45deg, #fff 25%,#ef6262 25%, #ef6262 50%,#fff 50%, #fff 75%,#ef6262 75%, #ef6262);



	background-size: 8px 8px;



}



.v3-bnrBlockCamRed01 .v3-bnrDetail01 .v3-title {



	background: #ef6262;



}



.v3-bnrBlockCamRed01 .v3-bnrDetail01 .v3-detail {



	color: #ef6262;



}



.v3-bnrBlockCamGray01 {



	background: #8a8a8a;



	background-image: linear-gradient(-45deg, #fff 25%,#8a8a8a 25%, #8a8a8a 50%,#fff 50%, #fff 75%,#8a8a8a 75%, #8a8a8a);



	background-size: 8px 8px;



}



.v3-bnrBlockCamGray01 .v3-bnrDetail01 .v3-title {



	background: #8a8a8a;



}



.v3-bnrBlockCamGray01 .v3-bnrDetail01 .v3-detail {



	color: #8a8a8a;



}



.v3-bnrBlockCamPink01 {



	background: #f87798;



	background-image: linear-gradient(-45deg, #fff 25%,#f87798 25%, #f87798 50%,#fff 50%, #fff 75%,#f87798 75%, #f87798);



	background-size: 8px 8px;



}



.v3-bnrBlockCamPink01 .v3-bnrDetail01 .v3-title {



	background: #f87798;



}



.v3-bnrBlockCamPink01 .v3-bnrDetail01 .v3-detail {



	color: #f87798;



}







#homeBnrList {



	overflow: hidden;



	min-width: 1200px;



	background: #0ca26c;



}



#homeBnrList .bx-wrapper {



	overflow: visible !important;



	width: 100% !important;



}



#homeBnrList .bx-viewport {



	overflow: visible !important;



	width: 1200px !important;



	margin: 0 auto;



}



#homeBnrList .carouselList li {



	width: 220px !important;



	margin: 0 32px 0 0;



	padding: 0;



}



#homeBnrList .bx-controls {



	width: 730px;



	margin: 10px auto 0;



}



#homeBnrList .v3-carousel01 .bx-pager > .bx-pager-item > .bx-pager-link {



	background: -webkit-linear-gradient(top, transparent 48%, #dedede 48%, #dedede 52%, transparent 52%, transparent 100%);



	background: -ms-linear-gradient(top, transparent 48%, #dedede 48%, #dedede 52%, transparent 52%, transparent 100%);



	background: linear-gradient(to bottom, transparent 48%, #dedede 48%, #dedede 52%, transparent 52%, transparent 100%);



}



#homeBnrList .v3-carousel01 .bx-pager > .bx-pager-item > .bx-pager-link.active {



	background: -webkit-linear-gradient(top, transparent 48%, #0ca26c 48%, #0ca26c 52%, transparent 52%, transparent 100%);



	background: -ms-linear-gradient(top, transparent 48%, #0ca26c 48%, #0ca26c 52%, transparent 52%, transparent 100%);



	background: linear-gradient(to bottom, transparent 48%, #0ca26c 48%, #0ca26c 52%, transparent 52%, transparent 100%);



}







.jsTopTab [role="tabpanel"] .dateBlock01 dl {



	display: block;



}



.jsTopTab [role="tabpanel"] .dateBlock01 .homeNewsMore01 {



	display: none;



}







/* carousel controls */



.homeCarousel01 .bx-controls-auto > .bx-controls-auto-item a {



	display: none;



	position: absolute;



	right: -50px;



	font-size: 0;



}



.homeCarousel01 .bx-controls-auto > .bx-controls-auto-item a.active {



	display: block;



}



.homeCarousel01 .bx-controls-auto > .bx-controls-auto-item > a::before {



	display: block;



	color: #fff;



	font-family: 'icon';



	font-size: 20px;



	font-weight: normal;



	line-height: 1;



}



.homeCarousel01 .bx-controls-auto > .bx-controls-auto-item > a.bx-stop::before {



	content: "\e60c";



}



.homeCarousel01 .bx-controls-auto > .bx-controls-auto-item > a.bx-start::before {



	content: "\e604";



}







.homeCarousel01 .carouselBtn a {



	display: block;



	position: absolute;



	top: 23px;



	right: -62px;



	font-size: 0;



	text-align: left;



}



.homeCarousel01 .carouselBtn a::before {



	display: block;



	position: relative;



	width: 20px;



	color: #fff;



	font-family: 'icon';



	font-size: 20px;



	font-weight: normal;



	line-height: 1;



}



#homeBnrList .homeCarousel01 .carouselBtn a::before {



	color: #0ca26c;



}



.homeCarousel01 .carouselBtn .carouselStop::before {



	content: "\e60c";



}



.homeCarousel01 .carouselBtn .carouselPlayback::before {



	content: "\e604";



	left: -3px;



	margin-top: -4px;



	font-size: 30px;



}







/* top menu */



#topMenu {



	z-index: 100;



	position: fixed;



	right: -193px;



	top: 280px;



	width: 250px;



	-webkit-transition: right 1.0s cubic-bezier(0.19, 1, 0.22, 1);



	transition: right 1.0s cubic-bezier(0.19, 1, 0.22, 1);



	border-top-left-radius: 3px;



	border-bottom-left-radius: 3px;



	border: solid 1px #0ca26c;



	border-right: 0;



}



#topMenu:hover {



	right: 0;



}



#topMenu ul > li a {



	display: block;



	position: relative;



	padding: 15px 15px 15px 20px;



	-webkit-transition: background 0.4s;



	-moz-transition: background 0.4s;



	-ms-transition: background 0.4s;



	-o-transition: background 0.4s;



	transition: background 0.4s;



	background: #1aac78;



	background-image: linear-gradient(to right, #2cdc87 0%, #2cdc87 51%, #29cc7d 63.5%, #1aac78 100%);



	background-size: 200% auto;



	background-position: right center;



	border-bottom: solid 1px #0ca26c;



	color: #fff;



	font-size: 0.89em;



}



#topMenu ul > li:last-child a {



	border-bottom: 0;



}



#topMenu ul > li a:hover {



	background-position: left center;



}



#topMenu ul > li a > span {



	position: static;



	padding-left: 45px;



}



#topMenu ul > li a > span::before {



	display: block;



	position: absolute;



	top: 18px;



	left: 19px;



	line-height: 1;



	font-size: 20px;



	font-weight: normal;



	color: #fff;



}