@charset "shift_jis";
/* Updated 2021/02/12.T */
/* Updated 2021/01/26.t */
/* Updated 2021/01/19.T */
/* Updated 2020/12/21.t */
/* Updated 2020/11/17.t */
/* Updated 2020/10/26.t */
/* Updated 2020/09/23.t */
/* Updated 2020/08/20.t */
/* Updated 2020/07/17.t */
/* Updated 2020/07/10.t */
/* Updated 2020/07/03.t */
/* Updated 2020/06/26.t */
/* Updated 2020/06/19.t */
/* Updated 2020/06/12.T */
/* Updated 2020/06/05.t */
/* Updated 2020/05/29.T */
/* Updated 2020/05/07.T */
/* Updated 2020/05/01.T */
/*--------------------------------------
reset
--------------------------------------*/
#wrap #mainArea {
	width: auto;
	margin: 0 auto;
}
#wrap #mainArea main {
	width: 100%;
	overflow: hidden;
}
/*--------------------------------------
common
--------------------------------------*/
.inner{
	width: 1008px;
	margin: 0 auto;
}
.bgColor01{
	background-color: #c4d700;
}
.bgColor02{
	background-color: #f6fdd8;
}
.bgColor03{
	background-color: #f0f5bf;
}
.linkBtn{
	display: block;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.linkBtn:hover{
	opacity: 0.7;
}
/*--------------------------------------
kvArea
--------------------------------------*/
.kvArea{
	position: relative;
	left: 50%;
	width: 100%;
	min-width: 1920px;
	margin: 0 auto 0 -960px;
}
/*--------------------------------------
donationArea
--------------------------------------*/
.donationArea .inner{
	width: 840px;
	margin: 0 auto;
	padding: 25px 9px 5px 12px;
	font-weight: bold;
	color: #004831;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.donationArea .leftBlk{
	float: left;
	width: 494px;
}
.donationArea .ttl01{
	position: relative;
	margin-bottom: 6px;
	padding-left: 24px;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
}
.donationArea .ttl01:before{
	content: '';
	display: block;
	position: absolute;
	top: calc(50% - 8px);
	left: 0;
	width: 16px;
	height: 14px;
	background: url(/kojin/special/smbc_at_home/resources/images/index_ico_01.png);
	background-size: 100% 100%;
}
.donationArea .leftBlkInr{
	padding: 11px 31px 20px;
	background-color: #fff;
	border-radius: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.donationArea .txt01{
	position: relative;
}
.donationArea .txt01 p:first-child{
	position: absolute;
	top: 50%;
	width: 117px;
	padding-left: 19px;
	-webkit-transform: translateY(-50%) translateX(0%);
	-ms-transform: translateY(-50%) translateX(0%);
	transform: translateY(-50%) translateX(0%);
}
.donationArea .txt01 p:first-child span{
	letter-spacing: 1.2px;
}
.donationArea .txt01 p:first-child:before{
	content: '';
	display: inline-block;
	position: absolute;
	top: 53%;
	left: 0;
	width: 13px;
	height: 18px;
	margin-top: -2px;
	background: url(/kojin/special/smbc_at_home/resources/images/index_ico_02.png) no-repeat;
	background-size: 100% 100%;
	-webkit-transform: translateY(-50%) translateX(0%);
	-ms-transform: translateY(-50%) translateX(0%);
	transform: translateY(-50%) translateX(0%);
}
.donationArea .txt01 p + p{
	padding: 0 1px 0 145px;
	text-align: right;
}
.donationArea .txt02{
	position: relative;
}
.donationArea .txt02 p:first-child{
	position: absolute;
	top: 38%;
	width: 117px;
	padding-left: 19px;
	letter-spacing: 1.5px;
	-webkit-transform: translateY(-50%) translateX(0%);
	-ms-transform: translateY(-50%) translateX(0%);
	transform: translateY(-50%) translateX(0%);
}
.donationArea .txt02 p:first-child:before{
	content: '';
	display: inline-block;
	position: absolute;
	top: 70%;
	left: 0;
	width: 13px;
	height: 18px;
	margin-top: -2px;
	background: url(/kojin/special/smbc_at_home/resources/images/index_ico_03.png) no-repeat;
	background-size: 100% 100%;
	-webkit-transform: translateY(-50%) translateX(0%);
	-ms-transform: translateY(-50%) translateX(0%);
	transform: translateY(-50%) translateX(0%);
}
.donationArea .txt02 p + p{
	padding: 0 0 0 145px;
	text-align: right;
}
.donationArea .percentBar{
	position: relative;
	height: 18px;
	margin-top: 7px;
	background-color: #e7ef99;
	overflow: hidden;
	border-radius: 8.5px;
}
.donationArea .percentBarLeft{
	display: block;
	position: absolute;
	width: 100%;
	padding: 2px 0 2px 6px;
	background-color: #00a083;
	color: #fff;
	left: 0;
	height: 100%;
	border-radius: 8.5px 0 0 8.5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.donationArea .percentBar .txt03{
	position: absolute;
	top: 50.8%;
	left: 6px;
	font-size: 10px;
	color: #fff;
	-webkit-transform: translateY(-50%) translateX(0%);
	-ms-transform: translateY(-50%) translateX(0%);
	transform: translateY(-50%) translateX(0%);
	z-index: 3;
}
.donationArea .num01{
	padding-right: 5px;
	font-size: 38px;
}
.donationArea .num02{
	padding-right: 8px;
	font-size: 18px;
	letter-spacing: 0.5px;
}
.donationArea .num03{
	padding-right: 5px;
	font-size: 24px;
}
.donationArea .unit01{
	font-size: 20px;
}
.donationArea .unit02{
	font-size: 16px;
}
.donationArea .unit03{
	font-size: 18px;
}
.donationArea .unit04{
	padding: 3px 8px 2px;
	font-size: 18px;
	color: #fff;
	border-radius: 15px;
}
.donationArea .unit04.pink{
	background-color: #e79ab0;
}
.donationArea .unit04.purple{
	background-color: #ad99c9;
}
.donationArea .rightBlk{
	float: right;
	width: 272px;
}
.donationArea .ttl02{
	position: relative;
	margin-bottom: 6px;
	padding-left: 24px;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -0.4px;
}
.donationArea .ttl02:before{
	content: '';
	display: block;
	position: absolute;
	top: calc(50% - 8px);
	left: 0;
	width: 16px;
	height: 14px;
	background: url(/kojin/special/smbc_at_home/resources/images/index_ico_01.png);
	background-size: 100% 100%;
}
.donationArea .rightBlk .rightBlkInr p{
	display: inline-block;
}
.donationArea .rightBlk p + p{
	width: 192px;
	margin-left: 8px;
	padding: 12px 12px 11px 0;
	background-color: #fff;
	text-align: right;
	border-radius: 10px;
	letter-spacing: 0.2px;
}
.donationArea .corporation{
	margin-top: 21px;
}
.donationArea .rightBlk .date{
	margin-top: 9px;
	text-align: right;
	font-size: 13px;
	font-weight: normal;
	letter-spacing: 0.4px;
}
/*--------------------------------------
aboutArea
--------------------------------------*/
.aboutInn{
	padding: 25px 0;
}
.aboutTtl{
	margin-bottom: 7px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #004831;
}
.aboutHdg{
	margin-bottom: 7px;
	text-align: center;
	font-size: 16px;
	color: #004831;
}
.aboutTxt{
	margin-bottom: 9px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #004831;
}
.aboutTxt span{
	margin-right: 10px;
}
.aboutTxt span:last-child{
	margin-right: 0;
}
/*--------------------------------------
objectArea
--------------------------------------*/
.objectArea{
	padding: 118px 0 67px;
}
.objectTtl{
	text-align: center;
	font-size: 50px;
	font-weight: bold;
	color: #004831;
}
.objectTtlCap{
	margin-bottom: 95px;
	text-align: center;
}
.objectCnt{
	position: relative;
	padding: 30px;
	border-radius: 20px;
}
.objectCnt:before{
	content: '';
	display: block;
	position: absolute;
	top: -120px;
	left: calc(50% - 382px);
	width: 728px;
	height: 120px;
	background: url("/kojin/special/smbc_at_home/resources/images/index_bg_01.png") no-repeat;
	background-size: 728px 120px;
}
.objectHdg{
	margin-bottom: 34px;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.2;
	color: #004831;
}
.objectFltBlk{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.objectFltBlk.column2 {
	width: 648px;
	margin: 0 auto;
}
.objectItem{
	float: left;
	width: 300px;
	margin: 0 24px 20px 0;
	padding: 13px 0 9px;
	background-color: #fff;
	border-radius: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.objectItem.objectItem02{
	margin-right: 24px;
}
.objectItem.objectItem03{
	margin-right: 0;
}
.objectItem.objectItem06{
	margin-right: 0;
	line-height: 1.25;
}
.objectItem.objectItem09{
	margin-right: 0;
}
.itemHdg{
	margin-bottom: 15px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #004831;
}
.itemType{
	margin-bottom: 20px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
}
.itemType01{
	padding: 2px 13px 0 16px;
	background-color: #ed9ab0;
	border-radius: 30px 0 0 30px;
}
.itemType02{
	padding: 2px 16px 0 13px;
	background-color: #ae99c8;
	border-radius: 0 30px 30px 0;
}
.itemType03{
	padding: 2px 47px 0;
	background-color: #ed9ab0;
	border-radius: 30px;
}
.itemType04{
	padding: 2px 47px 0;
	background-color: #ae99c8;
	border-radius: 30px;
}
.objectItem07 .itemType{
	margin-bottom: 37px;
}
.itemImg{
	text-align: center;
}
/*--------------------------------------
flowArea
--------------------------------------*/
.flowWrap01{
	padding-top: 67px;
	background: url("/kojin/special/smbc_at_home/resources/images/index_bg_02_pc.png") no-repeat;
	background-position: center top;
	background-size: cover;
}
.flowTtl{
	margin-bottom: 32px;
	padding: 28px 0;
	background: url("/kojin/special/smbc_at_home/resources/images/index_bg_03_pc.png") no-repeat;
	background-position: center;
	text-align: center;
	font-size: 50px;
	font-weight: bold;
	color: #004831;
}
.flowHdg{
	width: 234px;
	margin: 0px auto 182px;
	padding-top: 2px;
	background-color: #ed9ab0;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	border-radius: 20px;
}
.flowCnt{
	position: relative;
	width: 942px;
	margin: 0 auto;
	background-color: #fff;
}
.flowCnt:before{
	content: '';
	display: block;
	position: absolute;
	top: -144px;
	left: calc(50% - 504px);
	width: 1008px;
	height: 144px;
	background: url("/kojin/special/smbc_at_home/resources/images/index_bg_04.png") no-repeat;
	background-size: 1008px 144px;
}
.flowCntWrap{
	margin-bottom: 45px;
	border-bottom: 30px solid #b18046;
}
.flowCntWrap:last-child{
	margin-bottom: 0;
}
.flowCntHdg{
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #004831;
}
.flowCntHdg01{
	position: relative;
	top: -42px;
	margin-bottom: 26px;
}
.flowCntHdg02{
	margin-bottom: 40px;
}
.flowCntHdg03{
	margin-bottom: 58px;
}
.flowCntQr{
	margin-top: -67px;
}
.flowCntQr img{
	width: 200px;
}
.flowQrTxt{
	text-align: center;
}
.flowCntImg.flowCntImg01{
	margin-left: 62px;
}
.flowCntImg.flowCntImg02{
	margin-right: 15px;
}
.flowCntImg.flowCntImg03{
	margin-left: 17px;
}
.flowCntImg img{
	text-align: center;
}
.flowBtnWrap{
	padding: 0 40px 0;
}
.flowBtn{
	float: left;
	width: 270px;
	margin: 0 26px 27px 0;
}
.flowBtn:nth-child(3n){
	margin-right: 0;
}
.flowDirBtn{
	display: block;
	padding: 26px 0 24px;
	background-color: #abcd03;
	font-size: 20px;
	border-radius: 40px;
}
.flowBtn .flowDirBtn{
	color: #fff;
}
.dirBtn04Cap{
	width: 116%;
	margin: 5px 0 0 -5px;
	font-size: 13px;
}
.flowCnt03Btn01{
	width: 396px;
	margin-right: 30px;
}
.flowCnt03Btn02{
	width: 200px;
	margin-right: 36px;
}
.flowCnt03Btn03{
	width: 200px;
	margin-right: 0;
}
.flowDirBtn.flowDirBtn08{
	padding: 20px 57px 18px;
	line-height: 1;
}
.flowDirBtn.flowDirBtn09{
	padding: 20px 0 18px;
	line-height: 1;
}
.flowDirBtn.flowDirBtn10{
	padding: 20px 0 18px;
	line-height: 1;
}
.flowBtn.flowCntBtn07{
	margin: 0 auto;
}
.flowBtn01Cap{
	display: block;
}
.flowWrap02{
	position: relative;
	background: url("/kojin/special/smbc_at_home/resources/images/index_bg_05_pc.png") no-repeat;
	background-position: center top;
	background-size: 151% 100%;
}
.flowWrap02:before{
	content: '';
	display: block;
	position: absolute;
	top: -11px;
	width: 1920px;
	height: 11px;
	background: url("/kojin/special/smbc_at_home/resources/images/index_bg_06_pc.png") no-repeat;
	background-size: 1920px 11px;
}
.flowWrap02:after{
	content: '';
	display: block;
	position: absolute;
	bottom: -11px;
	width: 1920px;
	height: 11px;
	background: url("/kojin/special/smbc_at_home/resources/images/index_bg_07_pc.png") no-repeat;
	background-size: 1920px 11px;
}
.flowWrap02Inn{
	width: 861px;
	margin: 0 auto;
	padding: 64px 0 48px;
}
.flowWrap02Hdg{
	width: 234px;
	margin: 0 auto 53px;
	padding-top: 2px;
	background-color: #ae99c8;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	border-radius: 20px;
}
.flowBtn02{
	width: 527px;
	margin: 0 auto 131px;
	padding: 28px 0 26px;
	background-color: #ee7800;
	font-size: 20px;
	border-radius: 40px;
}
.flowWrap02 .flowBtn02{
	color: #fff;
}
.flowWrap02Txt{
	position: relative;
	margin-bottom: 29px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #004831;
}
.flowWrap02Txt:before{
	content: '';
	display: block;
	position: absolute;
	top: -75px;
	left: calc(50% - 29px);
	width: 58px;
	height: 62px;
	background: url("/kojin/special/smbc_at_home/resources/images/index_img_13.png") no-repeat;
	background-size: 58px 62px;
}
.flowBtn03{
	padding: 27px 10px 25px;
	background-color: #fff;
	font-size: 20px;
	font-weight: bold;
	border-radius: 40px;
}
.flowBtn .flowBtn03{
	color: #004831;
}
.flowBtnGlo{
	padding: 22px 20px 20px;
	line-height: 1;
}
.flowBtnWrap02{
	margin-bottom: 19px;
}
.flowWrap02 .corpoBtn01{
	width: 218px;
}
.flowWrap02 .corpoBtn02{
	width: 278px;
}
.flowWrap02 .corpoBtn03{
	width: 311px;
}
/*--------------------------------------
noteArea
--------------------------------------*/
.noteArea{
	padding-top: 60px;
}
.noteTtl{
	margin-bottom: 46px;
	text-align: center;
	font-size: 50px;
	font-weight: bold;
	color: #004831;
}
.noteTbl{
	width: 860px;
	margin: 0 auto 55px;
}
.noteTbl th{
	width: 190px;
	padding-top: 13px;
	border-bottom: 1px solid #fff;
	background-color: #c4d700;
	font-size: 20px;
	font-weight: bold;
	color: #004831;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.noteTbl tr:last-child th{
	border-bottom: 1px solid #c4d700;
}
.noteTbl td{
	padding: 14px;
	border: 1px solid #c4d700;
	font-size: 16px;
	color: #004831;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.noteTblCap{
	font-size: 14px;
}
.tdIndent{
	text-indent: 1em;
}
.capIndent{
	padding-left: 1em;
	text-indent: -1em;
}
/*--------------------------------------
loginArea
--------------------------------------*/
.loginArea{
	padding: 31px 0 15px;
}
.loginInn{
	width: 860px;
}
.loginLeftBlk{
	float: left;
	width: 49%;
}
.loginRightBlk{
	float: right;
	width: 49%;
}
.loginLeftHdg{
	width: 100%;
	margin-bottom: 15px;
	padding: 3px 0 1px;
	background-color: #ed9ab0;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	border-radius: 30px;
}
.loginRightHdg{
	width: 100%;
	margin-bottom: 77px;
	padding: 3px 0 1px;
	background-color: #ae99c8;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	border-radius: 20px;
}
.loginTxt{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #004831;
}
.loginTxt01{
	margin-top: 10px;
}
.loginTxt02{
	margin-top: 5px;
}
.loginLeftCon01{
	float: left;
	width: 50%;
}
.loginLeftCon02{
	float: right;
	width: 50%;
}
.loginLeftBtn .leftCon02Btn{
	color: #fff;
}
.leftCon02Btn{
	padding: 26px 0 24px;
	background-color: #ee7800;
	font-size: 20px;
	border-radius: 40px;
}
.loginRightBtn .loginRightBtn01{
	padding: 25px 0 23px;
	background-color: #ee7800;
	font-size: 20px;
	color: #fff;
	border-radius: 40px;
}
.loginQrImg{
	width: 93px;
}
/*--------------------------------------
iPad
--------------------------------------*/
@media screen and (min-width: 768px) and (max-width: 1046px) {
	header[role="banner"] {
		min-width: 100%;
	}
	header[role="banner"] #headerInner {
		width: 100%;
	}
	header[role="banner"] #headerInner .logoWrap {
		margin: 15px 19px 10px;
	}
	.popup header[role="banner"] #headerInner #headerInfo, .popupFull header[role="banner"] #headerInner #headerInfo {
		display: none;
	}
	header[role='banner'] #headerGroup ul {
		width: 100%;
		box-sizing: border-box;
	}
	footer[role="contentinfo"] {
		min-width: 100%;
	}
	footer[role="contentinfo"] #snsArea > dl,
	footer[role="contentinfo"] #footerInfo,
	footer[role="contentinfo"] #footerNav > nav {
		width: 100%;
		padding: 20px 19px 0 19px;
		box-sizing: border-box;
	}
}
/*--------------------------------------
textArea01
--------------------------------------*/
.textArea01{
	width: 840px;
	margin: 25px auto 0;
	font-size: 13px;
	line-height: 1.5;
}
/*--------------------------------------
kvOver
--------------------------------------*/
.kvOver{
	position: relative;
}
.kvOver .kvText{
	display: block;
	position: relative;
	z-index: 2;
	padding: 10px 0 8px;
	background: #fa8200;
	text-align: center;
}
/*--------------------------------------
balloonBlk
--------------------------------------*/
@keyframes balloonAnimation00 {
	0% {top: 0;}
	30% {left: -2%;}
	60% {left: 3%;}
	100% {top: -4000px;}
}
@keyframes balloonAnimation01 {
	0% {top: 0;}
	30% {left: 12%;}
	60% {left: 8%;}
	100% {top: -4000px;}
}
@keyframes balloonAnimation02 {
	0% {top: 0;}
	30% {left: 22%;}
	60% {left: 18%;}
	100% {top: -4000px;}
}
@keyframes balloonAnimation03 {
	0% {top: 0;}
	30% {left: 32%;}
	60% {left: 28%;}
	100% {top: -4000px;}
}
@keyframes balloonAnimation04 {
	0% {top: 0;}
	30% {left: 42%;}
	60% {left: 38%;}
	100% {top: -4000px;}
}
@keyframes balloonAnimation05 {
	0% {top: 0;}
	30% {left: 52%;}
	60% {left: 48%;}
	100% {top: -4000px;}
}
@keyframes balloonAnimation06 {
	0% {top: 0;}
	30% {left: 62%;}
	60% {left: 58%;}
	100% {top: -4000px;}
}
@keyframes balloonAnimation07 {
	0% {top: 0;}
	30% {left: 72%;}
	60% {left: 68%;}
	100% {top: -4000px;}
}
@keyframes balloonAnimation08 {
	0% {top: 0;}
	30% {left: 82%;}
	60% {left: 78%;}
	100% {top: -4000px;}
}
@keyframes balloonAnimation09 {
	0% {top: 0;}
	30% {left: 92%;}
	60% {left: 88%;}
	100% {top: -4000px;}
}
@keyframes balloonAnimation010 {
	0% {top: 0;}
	30% {left: 102%;}
	60% {left: 98%;}
	100% {top: -4000px;}
}
@keyframes balloonAnimation011 {
	0% {top: 0;}
	30% {left: 18%;}
	60% {left: 5%;}
	100% {top: -4000px;}
}
@keyframes balloonAnimation012 {
	0% {top: 0;}
	30% {left: 28%;}
	60% {left: 15%;}
	100% {top: -4000px;}
}
@keyframes balloonAnimation013 {
	0% {top: 0;}
	30% {left: 38%;}
	60% {left: 25%;}
	100% {top: -4000px;}
}
@keyframes balloonAnimation014 {
	0% {top: 0;}
	30% {left: 48%;}
	60% {left: 35%;}
	100% {top: -4000px;}
}
@keyframes balloonAnimation015 {
	0% {top: 0;}
	30% {left: 58%;}
	60% {left: 45%;}
	100% {top: -4000px;}
}
@keyframes balloonAnimation016 {
	0% {top: 0;}
	30% {left: 68%;}
	60% {left: 55%;}
	100% {top: -4000px;}
}
@keyframes balloonAnimation017 {
	0% {top: 0;}
	30% {left: 78%;}
	60% {left: 65%;}
	100% {top: -4000px;}
}
@keyframes balloonAnimation018 {
	0% {top: 0;}
	30% {left: 88%;}
	60% {left: 75%;}
	100% {top: -4000px;}
}
@keyframes balloonAnimation019 {
	0% {top: 0;}
	30% {left: 98%;}
	60% {left: 85%;}
	100% {top: -4000px;}
}
@keyframes balloonAnimation020 {
	0% {top: 0;}
	30% {left: 105%;}
	60% {left: 92%;}
	100% {top: -4000px;}
}
@keyframes balloonAnimation021 {
	0% {top: 0;}
	30% {left: 118%;}
	60% {left: 100%;}
	100% {top: -4000px;}
}
@keyframes balloonAnimation022 {
	0% {top: 0;}
	30% {left: 42%;}
	60% {left: 38%;}
	100% {top: -4000px;}
}
@keyframes balloonAnimation023 {
	0% {top: 0;}
	30% {left: 38%;}
	60% {left: 25%;}
	100% {top: -4000px;}
}
.balloonBlk {
	position: absolute;
	bottom: -1500px;
	width: 100%;
	height: 100%;
}
[class *="balloon0"] {
	position: absolute;
	width: 150px;
	margin-left: -75px;
	z-index: 300;
}
.balloon00 {
	left: 0%;
	animation: balloonAnimation00 15s forwards;
}
.balloon01 {
	left: 10%;
	animation: balloonAnimation01 17s forwards;
}
.balloon02 {
	left: 20%;
	animation: balloonAnimation02 15s forwards;
}
.balloon03 {
	left: 30%;
	animation: balloonAnimation03 17s forwards;
}
.balloon04 {
	left: 40%;
	animation: balloonAnimation04 14.5s forwards;
}
.balloon05 {
	left: 50%;
	animation: balloonAnimation05 18s forwards;
}
.balloon06 {
	left: 60%;
	animation: balloonAnimation06 19s forwards;
}
.balloon07 {
	left: 70%;
	animation: balloonAnimation07 21s forwards;
}
.balloon08 {
	left: 80%;
	animation: balloonAnimation08 19s forwards;
}
.balloon09 {
	left: 90%;
	animation: balloonAnimation09 20s forwards;
}
.balloon010 {
	left: 100%;
	animation: balloonAnimation010 19s forwards;
}
.balloon011 {
	left: 5%;
	animation: balloonAnimation011 16s forwards;
}
.balloon012 {
	left: 15%;
	animation: balloonAnimation012 18s forwards;
}
.balloon013 {
	left: 25%;
	animation: balloonAnimation013 19s forwards;
}
.balloon014 {
	left: 35%;
	animation: balloonAnimation014 16s forwards;
}
.balloon015 {
	left: 45%;
	animation: balloonAnimation015 17s forwards;
}
.balloon016 {
	left: 55%;
	animation: balloonAnimation016 15s forwards;
}
.balloon017 {
	left: 65%;
	animation: balloonAnimation017 16s forwards;
}
.balloon018 {
	left: 75%;
	animation: balloonAnimation018 17s forwards;
}
.balloon019 {
	left: 85%;
	animation: balloonAnimation019 18s forwards;
}
.balloon020 {
	left: 95%;
	animation: balloonAnimation020 16s forwards;
}
.balloon021 {
	left: 105%;
	animation: balloonAnimation021 18s forwards;
}
.balloon022 {
	left: 40%;
	animation: balloonAnimation022 15.5s forwards;
}
.balloon023 {
	left: 25%;
	animation: balloonAnimation023 16.5s forwards;
}
.balloon023 {
	left: 25%;
	animation: balloonAnimation023 16.5s forwards;
}
.balloon023 {
	left: 25%;
	animation: balloonAnimation023 16.5s forwards;
}
.balloon023 {
	left: 25%;
	animation: balloonAnimation023 16.5s forwards;
}
.balloon023 {
	left: 25%;
	animation: balloonAnimation023 16.5s forwards;
}
.balloon023 {
	left: 25%;
	animation: balloonAnimation023 16.5s forwards;
}
.balloon024 {
	left: 25%;
	animation: balloonAnimation01 20.5s forwards;
}
.balloon025 {
	left: 25%;
	animation: balloonAnimation02 23s forwards;
}
.balloon026 {
	left: 25%;
	animation: balloonAnimation03 18.5s forwards;
}
.balloon027 {
	left: 25%;
	animation: balloonAnimation01 18.5s forwards;
}
.balloon028 {
	left: 25%;
	animation: balloonAnimation05 21.5s forwards;
}
.balloon029 {
	left: 25%;
	animation: balloonAnimation011 14.5s forwards;
}
.balloon030 {
	left: 25%;
	animation: balloonAnimation00 20.5s forwards;
}
.balloon031 {
	left: 25%;
	animation: balloonAnimation013 22.5s forwards;
}
.balloon032 {
	left: 25%;
	animation: balloonAnimation014 20.5s forwards;
}
.balloon033 {
	left: 25%;
	animation: balloonAnimation016 17.5s forwards;
}
.balloon034 {
	left: 25%;
	animation: balloonAnimation010 19s forwards;
}
.balloon035 {
	left: 25%;
	animation: balloonAnimation018 14.5s forwards;
}
.balloon036 {
	left: 25%;
	animation: balloonAnimation023 20.5s forwards;
}
.balloon037 {
	left: 25%;
	animation: balloonAnimation019 22.5s forwards;
}
.balloon038 {
	left: 25%;
	animation: balloonAnimation017 21.5s forwards;
}
.balloon039 {
	left: 25%;
	animation: balloonAnimation018 20.5s forwards;
}
.balloon040 {
	left: 25%;
	animation: balloonAnimation01 23.5s forwards;
}
/*--------------------------------------
sp
--------------------------------------*/
@media screen and (max-width: 767px) {
	/*--------------------------------------
	reset
	--------------------------------------*/
	#wrap #mainArea main{
		padding: 0;
	}
	/*--------------------------------------
	common
	--------------------------------------*/
	.inner{
		width: 100%;
		padding: 0 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}/*--------------------------------------
	kvArea
	--------------------------------------*/
	.kvArea{
		position: relative;
		left: inherit;
		width: 100%;
		min-width: inherit;
		margin: 0;
	}
	.kvArea img{
		width: 100%;
	}
	.aboutArea{
		padding: 20px 0;
	}
	.aboutInn{
		padding: 0 15px;
	}
	.aboutTtl{
		margin-bottom: 8px;
		font-size: 16px;
	}
	.aboutTtl span{
		font-size: 16px;
	}
	.aboutTxt{
		font-size: 16px;
	}
	.aboutTxtCap{
		font-size: 12px;
	}
	/*--------------------------------------
	donationArea
	--------------------------------------*/
	.donationArea .inner{
		width: 100%;
		padding: 18px 15px 2px;
	}
	.donationArea .leftBlk,
	.donationArea .rightBlk{
		float: none;
		width: 100%;
	}
	.donationArea .ttl01{
		margin-bottom: 4px;
		padding-left: 21px;
		font-size: 14px;
	}
	.donationArea .ttl01:before{
		top: calc(50% - 5px);
		left: 2px;
		width: 11px;
		height: 10px;
	}
	.donationArea .leftBlkInr {
		padding: 12px 13px 22px;
		border-radius: 5px;
	}
	.donationArea .txt01 p:first-child{
		width: 79px;
		padding-left: 15px;
		font-size: 10px;
	}
	.donationArea .txt01 p:first-child:before {
		content: '';
		position: absolute;
		top: 60%;
		left: 0;
		width: 10px;
		height: 13px;
		-webkit-transform: translateY(-50%) translateX(0%);
		-ms-transform: translateY(-50%) translateX(0%);
		transform: translateY(-50%) translateX(0%);
	}
	.donationArea .txt01 p:first-child span {
		letter-spacing: normal;
	}
	.donationArea .txt01 p + p {
		padding: 0 1px 0 33%;
	}
	.donationArea .num01{
		padding-right: 2px;
		font-size: 23px;
	}
	.donationArea .num02{
		padding-right: 2px;
		font-size: 14px;
	}
	.donationArea .num03{
		padding-right: 1%;
		font-size: 15px;
	}
	.donationArea .unit01{
		font-size: 14px;
	}
	.donationArea .unit02{
		font-size: 10px;
	}
	.donationArea .unit03{
		font-size: 12px;
	}
	.donationArea .unit04{
		width: 22%;
		padding: 3px 2% 2px;
		text-align: center;
		vertical-align: middle;
		font-size: 12px;
	}
	.donationArea .ttl02{
		margin: 13px 0 5px 0;
		padding-left: 18px;
		font-size: 14px;
	}
	.donationArea .ttl02:before {
		top: calc(50% - 5px);
		left: 2px;
		width: 11px;
		height: 10px;
	}
	.donationArea .rightBlk .rightBlkInr p{
		display: block;
	}
	.donationArea .txt02 p:first-child {
		top: 55%;
		width: 79px;
		padding-left: 15px;
		font-size: 10px;
		letter-spacing: -0.8px;
	}
	.donationArea .txt02 p:first-child:before {
		content: '';
		position: absolute;
		top: 68%;
		left: 0;
		width: 10px;
		height: 13px;
		-webkit-transform: translateY(-50%) translateX(0%);
		-ms-transform: translateY(-50%) translateX(0%);
		transform: translateY(-50%) translateX(0%);
	}
	.donationArea .txt02 p + p {
		margin-top: 4px;
		padding: 0 1px 0 33%;
	}
	.donationArea .rightBlk .date {
		margin-top: 11px;
		font-size: 10px;
	}
	.donationArea .percentBar {
		height: 15px;
		margin-top: 9px;
	}
	.donationArea .percentBarLeft {
		padding: 1px 0 2px 6px;
	}
	.donationArea .rightBlk p + p{
		width: 90%;
		margin-top: 3px;
		margin-left: 0;
		padding: 8px 6% 8px 0;
		border-radius: 5px;
	}
	.donationArea .individual {
		float: left;
		width: 53%;
	}
	.donationArea .corporation {
		float: right;
		width: 43%;
		margin-top: 0;
	}
	.donationArea .corporation .unit04{
		width: 29%;
	}
	.donationArea .rightBlk .corporation p + p{
		width: 90%;
		padding: 8px 10% 8px 0;
	}
	/*--------------------------------------
	objectArea
	--------------------------------------*/
	.objectArea{
		padding: 27.5px 0 30px;
	}
	.objectArea .inner {
		padding: 0 20px;
	}
	.objectTtl{
		font-size: 24px;
	}
	.objectTtlCap {
		margin-bottom: 50px;
		font-size: 12px;
	}
	.objectHdg{
		margin-bottom: 7px;
		font-size: 15px;
	}
	.objectTxt{
		margin-bottom: 9px;
		font-size: 12px;
	}
	.objectCnt{
		padding: 15px 12px 3px;
		border-radius: 10px;
	}
	.objectCnt:before{
		content: '';
		display: block;
		position: absolute;
		top: -64px;
		left: calc(50% - 195px);
		width: 360px;
		height: 65px;
		background: url(/kojin/special/smbc_at_home/resources/images/index_bg_01.png) no-repeat;
		background-size: 100% 100%;
	}
	.objectItem{
		width: 48%;
		height: 123px;
		padding: 7px 0;
		margin: 0 0 10px 0;
		line-height: 1.4;
		border-radius: 10px;
	}
	.objectFltWarp .objectFltBlk:last-child{
		width: 100%;
	}
	.objectFltBlk:after{
		content: "";
		display: block;
		clear: both;
	}
	.itemHdg{
		margin-bottom: 7px;
		font-size: 15px;
		line-height: 1;
	}
	.itemType{
		margin-bottom: 10px;
		font-size: 14px;
	}
	.objectItem07 .itemType{
		margin-bottom: 12px;
	}
	.objectItem08 .itemType{
		margin-bottom: 4px;
	}
	.itemType01{
		padding:0 7px 0 8px;
	}
	.itemType02{
		padding:0 7px 0 8px;
	}
	.itemType03, .itemType04{
		padding: 0 32px;
	}
	.objectItem.objectItem01{
		margin-right: 4%;
	}
	.objectItem.objectItem02{
		margin-right: 0;
	}
	.objectItem.objectItem03{
		margin-right: 4%;
	}
	.objectItem.objectItem05{
		height: 149px;
		margin-right: 4%;
		padding-top: 13px;
	}
	.objectItem.objectItem06 {
		height: 149px;
		padding-top: 11px;
	}
	.objectItem.objectItem07{
		margin-right: 4%;
		padding-top: 10px;
	}
	.objectItem.objectItem08{
		padding-top: 10px;
	}
	.objectItem06 .itemHdg{
		margin-bottom: 13px;
		font-size: 10px;
	}
	.objectItem08 .itemHdg{
		font-size: 10px;
	}
	.itemImg01{
		max-width: 90px;
	}
	.itemImg02{
		max-width: 77.5px;
	}
	.itemImg03{
		max-width: 90px;
	}
	.itemImg04{
		max-width: 95px;
	}
	.itemImg05{
		max-width: 92.5px;
	}
	.itemImg06{
		max-width: 77.5px;
	}
	.itemImg07{
		max-width: 43px;
	}
	.itemImg08{
		max-width: 28.5px;
	}
	/*--------------------------------------
	flowArea
	--------------------------------------*/
	.flowWrap01{
		padding-top: 32px;
		background: url("/kojin/special/smbc_at_home/resources/images/index_bg_02_sp.png") no-repeat;
		background-size: 100% 17%;
		background-position: center top;
	}
	.flowWrap02:before{
		content: '';
		display: block;
		position: absolute;
		top: -10px;
		width: 100%;
		height: 11px;
		background: url("/kojin/special/smbc_at_home/resources/images/index_bg_06_sp.png") no-repeat;
		background-size: 100% 11px;
	}
	.flowWrap02:after{
		content: '';
		display: block;
		position: absolute;
		bottom: -11px;
		width: 100%;
		height: 11px;
		background: url("/kojin/special/smbc_at_home/resources/images/index_bg_07_sp.png") no-repeat;
		background-size: 100% 11px;
	}
	.flowInn{
		padding: 0;
	}
	.flowWrap02{
		background: url(/kojin/special/smbc_at_home/resources/images/index_bg_05_sp.png) no-repeat;
		background-size: cover;
	}
	.flowTtl{
		margin-bottom: 10px;
		padding: 15px 0;
		background: url("/kojin/special/smbc_at_home/resources/images/index_bg_03_sp.png") no-repeat;
		background-size: contain;
		background-position: center;
		font-size: 24px;
	}
	.flowHdg{
		width: 117px;
		margin-bottom: 70px;
		padding: 0;
		font-size: 14px;
	}
	.flowQrTxt{
		font-size: 12px;
	}
	.flowCntWrap{
		margin-bottom: 21px;
		padding: 0 20px;
		border-bottom: 15px solid #b18046;
	}
	.flowCnt{
		width: 100%;
	}
	.flowCnt:before {
		content: '';
		display: block;
		position: absolute;
		top: -53px;
		left: -5px;
		width: 103%;
		height: 53px;
		background: url(/kojin/special/smbc_at_home/resources/images/index_bg_04.png) no-repeat;
		background-size: 100% 100%;
		background-position: center top;
	}
	.flowCntHdg{
		margin-bottom: 15px;
		font-size: 18px;
	}
	.flowCntHdg01{
		position: static;
	}
	.spAppBtn{
		width: 280px;
		margin: 0px auto 8px;
		padding: 18px 0;
		background-color: #ee7800;
		font-size: 16px;
		border-radius: 30px;
	}
	.flowCnt .spAppBtn{
		color: #fff;
	}
	.flowCntImg.flowCntImg01{
		margin: -10px -15px 0 0;
	}
	.flowCntImg01 img{
		width: 100%;
		max-width: 293.5px;
	}
	.flowCntImg.flowCntImg02{
		margin: -12px 0px 0 -12px;
	}
	.flowCntImg02 img{
		width: 100%;
		max-width: 292.5px;
	}
	.flowCntImg.flowCntImg03{
		margin: -19px 0 0;
	}
	.flowCntImg03 img{
		width: 100%;
		max-width: 122.5px;
	}
	.flowBtn:nth-child(2n){
		margin-right: 0;
	}
	.flowCntBtn02 .flowDirBtn{
		padding: 12px 0 9px;
	}
	.flowBtnWrap .flowCntBtn03{
		margin-right: 8%;
	}
	.flowCntBtn04{
		margin-bottom: 0px;
	}
	.flowCntBtn04 .flowDirBtn{
		margin-right: 0;
	}
	.flowCntBtn05 .flowDirBtn{
		padding: 12px 0 9px;
	}
	.flowBtn.flowCntBtn04{
		margin-bottom: 0;
	}
	.flowBtn.flowCntBtn07{
		margin-left: 26%;
	}
	.flowCntBtn07 .flowDirBtn{
		padding: 12px 0 9px;
	}
	.flowBtnWrap{
		margin-bottom: 0;
		padding: 0;
	}
	.flowBtn{
		width: 46%;
		margin: 0 8% 15px 0;
	}
	.flowBtnWrap02 .flowBtn{
		width: 100%;
	}
	.flowWrap02Inn{
		width: 100%;
		padding: 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.flowWrap02Hdg{
		width: 117px;
		margin-bottom: 22px;
		padding: 0;
		font-size: 14px;
	}
	.flowBtn02{
		width: 100%;
		margin-bottom: 61px;
		padding: 8px 0 2px;
		font-size: 16px;
		border-radius: 30px;
	}
	.flowWrap02Inn .flowBtn{
		width: 100%;
	}
	.flowWrap02Txt{
		margin-bottom: 12px;
		font-size: 18px;
	}
	.flowWrap02Txt:before{
		content: '';
		display: block;
		position: absolute;
		top: -40px;
		left: calc(50% - 14.5px);
		width: 29px;
		height: 31px;
		background: url("/kojin/special/smbc_at_home/resources/images/index_img_13.png") no-repeat;
		background-size: 29px 31px;
	}
	.flowDirBtn{
		padding: 20px 0;
		font-size: 16px;
		line-height: 1.2;
		border-radius: 30px;
	}
	.flowDirBtn.flowDirBtn08{
		padding: 10px 25px 6px;
		line-height: 1.2;
	}
	.flowDirBtn.flowDirBtn08.flowBtn{
		margin-bottom: 22px;
		padding: 12px 25px 8px;
	}
	.flowDirBtn.flowDirBtn09.flowBtn {
		margin-bottom: 21px;
		padding: 22px 0 20px;
	}
	.flowDirBtn.flowDirBtn10 {
		padding: 22px 0 20px;
	}
	.corpoBtn01 .flowBtn03{
		padding: 23px 0 21px;
		font-size: 16px;
		line-height: 1;
	}
	.corpoBtn02 .flowBtn03{
		padding: 23px 0 21px;
		font-size: 16px;
		line-height: 1;
	}
	.flowBtnGlo{
		padding: 22px 0;
		font-size: 16px;
	}
	.dirBtn04Cap{
		width: 105%;
		margin-bottom: 15px;
		font-size: 12px;
	}
	/*--------------------------------------
	noteArea
	--------------------------------------*/
	.noteTtl{
		margin-bottom: 17px;
		font-size: 24px;
	}
	.noteArea .inner{
		padding: 0;
	}
	.noteTbl{
		width: 100%;
		margin-bottom: 20px;
	}
	.noteTbl th{
		display: block;
		float: left;
		width: 100%;
		padding: 7px 0;
		font-size: 16px;
		border: none;
	}
	.noteTbl td{
		display: block;
		float: left;
		width: 100%;
		padding: 7px 15px;
		border: none;
	}
	/*--------------------------------------
	loginArea
	--------------------------------------*/
	.loginArea{
		padding: 30px 0;
	}
	.loginInn.inner{
		padding: 0 20px;
	}
	.loginLeftBlk{
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	.loginLeftHdg{
		width: 117px;
		margin: 0px auto 16px;
		padding: 0;
		font-size: 14px;
	}
	.loginRightBlk{
		float: none;
		width: 100%;
	}
	.loginRightHdg{
		width: 117px;
		margin: 0 auto 12px;
		padding: 0;
		font-size: 14px;
	}
	.loginLeftCon02{
		padding-left: 8px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.leftCon02Btn{
		font-size: 16px;
		border-radius: 30px;
	}
	.loginLeftBtn .leftCon02Btn{
		width: 95%;
		padding: 19px 0 17px;
	}
	.loginLeftBtn .leftCon02Btn02{
		width: 100%;
		padding: 19px 0 17px;
	}
	.loginRightBtn .loginRightBtn01{
		padding: 13px 0 11px;
		font-size: 16px;
		line-height: 1.2;
		border-radius: 30px;
	}
	.loginLeftBtn02 .leftCon02Btn{
		padding: 9px 0 6px;
	}
	.loginTxt{
		margin-bottom: 9px;
		font-size: 16px;
		line-height: 1.2;
	}
	.loginTxt01{
		margin: 0 0 10px;
	}
	.loginTxt02{
		margin-top: 2px;
		text-align: center;
		font-size: 12px;
	}
	/*--------------------------------------
	textArea01
	--------------------------------------*/
	.textArea01{
		width: auto;
		margin: 20px auto 0;
	}
	/*--------------------------------------
	kvOver
	--------------------------------------*/
	.kvOver .kvText{
		padding: 7px 15px;
	}
	/*--------------------------------------
	balloonBlk
	--------------------------------------*/
	.balloonBlk {
		bottom: -1800px;
	}
	[class *="balloon0"] {
		width: 45px;
		margin-left: -50px;
	}
	.balloon00 {
		left: 0%;
		animation: balloonAnimation00 12.75s linear forwards;
	}
	.balloon01 {
		left: 10%;
		animation: balloonAnimation01 14s linear forwards;
	}
	.balloon02 {
		left: 20%;
		animation: balloonAnimation02 11.35s linear forwards;
	}
	.balloon03 {
		left: 30%;
		animation: balloonAnimation03 10s linear forwards;
	}
	.balloon04 {
		left: 40%;
		animation: balloonAnimation04 9.5s linear forwards;
	}
	.balloon05 {
		left: 50%;
		animation: balloonAnimation05 13.5s linear forwards;
	}
	.balloon06 {
		left: 60%;
		animation: balloonAnimation06 10.75s linear forwards;
	}
	.balloon07 {
		left: 70%;
		animation: balloonAnimation07 11s linear forwards;
	}
	.balloon08 {
		left: 80%;
		animation: balloonAnimation08 14s linear forwards;
	}
	.balloon09 {
		left: 90%;
		animation: balloonAnimation09 12s linear forwards;
	}
	.balloon010 {
		left: 100%;
		animation: balloonAnimation010 14.5s linear forwards;
	}
	.balloon011 {
		left: 5%;
		animation: balloonAnimation011 11s linear forwards;
	}
	.balloon012 {
		left: 15%;
		animation: balloonAnimation012 13.75s linear forwards;
	}
	.balloon013 {
		left: 25%;
		animation: balloonAnimation013 14s linear forwards;
	}
	.balloon014 {
		left: 35%;
		animation: balloonAnimation014 11.25s linear forwards;
	}
	.balloon015 {
		left: 45%;
		animation: balloonAnimation015 12.5s linear forwards;
	}
	.balloon016 {
		left: 55%;
		animation: balloonAnimation016 10s linear forwards;
	}
	.balloon017 {
		left: 65%;
		animation: balloonAnimation017 11.75s linear forwards;
	}
	.balloon018 {
		left: 75%;
		animation: balloonAnimation018 10.5s linear forwards;
	}
	.balloon019 {
		left: 85%;
		animation: balloonAnimation019 13s linear forwards;
	}
	.balloon020 {
		left: 95%;
		animation: balloonAnimation020 11s linear forwards;
	}
	.balloon021 {
		left: 105%;
		animation: balloonAnimation021 10.25s linear forwards;
	}
	.balloon022 {
		left: 40%;
		animation: balloonAnimation04 10.5s linear forwards;
	}
	.balloon023 {
		left: 25%;
		animation: balloonAnimation013 10.75s linear forwards;
	}
}