/* for All */
@charset "utf-8";
@import url('normalize.css');
body{
		height: 100vh;
	font-family: 'YuGothic','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-weight: 400;
	line-height: 1.5;
	padding:0;
	margin:0;
	position:relative;
	background-color:#fff;
	color: #00263F;
}
h2,h3,p{
	padding:0;
	margin:0;
	line-height:1;
}
a{
	text-decoration:none;
}
img {
    vertical-align: middle;
    border-style: none;
}

/* for btnの形状 */
.btn {
	display:table;
	width:100%;
	box-shadow: 0px 2px #074CB3;
	border-radius: 5px;
	margin: 0 auto;
}
a .btn{
	font-size:18px;
	font-weight:bold;
	vertical-align:middle;
	border-radius:5px;
	background-color:#065FE3;
	position:relative;
	letter-spacing: 4px;
}
.t_c{text-align:center;}
.t_r{text-align:right;}
.t_l{text-align:left;}
.mt_20{margin-top: 20px;}
.mb_20{margin-bottom: 20px;}
.mt_30{margin-top: 00px;}
.mb_30{margin-bottom: 30px;}
.mt_40{margin-top: 40px;}
.mb_40{margin-bottom: 40px;}


.fortb{	display:block;}
.forsp{	display:block;}
.forpc{	display:none;}
#main-top-pconly {	display:none;}
#link-shindan-pc{	display:none;}


/* main-top */
#main-top{
	background:url(../../img/theo-deposit-campaign04/illust_sp.png) center center no-repeat;
	background-size:cover;
	background-color:#ffffff;
	padding:21px 5.6% 0px 5.6%;
	overflow:hidden;
}
#main-top .main-top-logo img{
	max-height: 30px;
}
#main-top .btn a {
	color:#1463e0;
	background-color:rgba(255,255,255,0.92);
}
#main-top .btn a:after{
	border-color:#1463e0;
	background-image:url(../../img/theo-deposit-campaign04/icon_arrow_blue.png);
}
#main-top .title {
	text-align:center;
	margin:0 0 10px 0;
	padding-top: 40px;
	padding-bottom: 50px;
}
#main-top .title img{
	width:83%;
}
#main-top .btns .btn:first-child{
	margin-bottom:12px;
}



/* link-shindan */
#link-shindan {
	background-color:#ffffff;
	color:#00263F;
	overflow:auto;
	height: auto;
	padding: 20px 5.6% 20px 5.6%;
	text-align: center;
}
#link-shindan .link-shindan-copy {
	text-align: center;
	font-weight: bold;
	padding-bottom: 6px;
}
#link-shindan .under {
	border-bottom: solid 4px #00C3FF;
}
#link-shindan .herer {
	color: white;
}
#link-shindan .strong{
	font-size: 24px;
}
#link-shindan .link-shindan-text {
	font-size: 14px;
	text-align: center;
	padding-top: 20px;
}
#link-shindan .link-shindan-text-arrow {
	max-height: 14px;
	padding-bottom: 3px;
}
#link-shindan .btn{
		background-color:#065FE3;
		padding: auto;
}
#link-shindan a{
	color: #00C3FF;
}



/* link-shindan-pc */
#link-shindan-pc {
	background-color:#ffffff;
	color:#00263F;
	overflow:auto;
	height: auto;
	padding: 20px 5.6% 20px 5.6%;
	text-align: center;
}
#link-shindan-pc .link-shindan-copy-pc {
	text-align: center;
	font-weight: bold;
	padding-bottom: 6px;
	letter-spacing: 1px;
}
#link-shindan-pc .under {
	border-bottom: solid 4px #00C3FF;
}
#link-shindan-pc .herer {
	color: white;
}
#link-shindan-pc .strong{
	font-size: 24px;
}
#link-shindan-pc .link-shindan-text {
	font-size: 14px;
	text-align: center;
	padding-top: 20px;
	color: #000000 !important;
}
#link-shindan-pc .link-shindan-text-arrow {
	max-height: 14px;
	padding-bottom: 3px;
}
#link-shindan-pc .btn{
	background-color:#065FE3;
	width:720px;
	height:66px;
	display: flex;
justify-content: center;
align-items: center;
}


/* background */
#background {
	background-color: #F6F6F6;
	background-position:center center;
	padding:40px 8px 40px 8px;
}



/* campaign */
#campaign{
	background-color:#fff;
	padding:46px 8px 8px 8px;
	padding: 0px 5.6% 10px 5.6%;
	border-top: 6px solid #A8AFBA;
}
#campaign .container-c04{
	margin-bottom:40px;
	text-align: justify; /* 両端揃え(均等割り付け) */
}
#campaign .campaign-text{
	padding-bottom: 40px;
	text-align: left;
}
#campaign h2{
	text-align: center;
    color: #00263F;
    padding: 36px 0 36px 0;
		font-weight: bold;
		font-size: 1.5rem;
}
#campaign h3{
	font-size:18px;
	color:#00263F;
	margin-bottom:15px;
	font-weight: bold;
}
#campaign p{
	margin-bottom: 10px;
	line-height: 1.3;
	color: #00263F;
}
#campaign .asterisk{
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 1.3;
	color: #616977;
	padding-left:1em;
	text-indent: -1em;
}
#campaign ol{
	font-size:14px;
	font-weight: 400;
	margin:0;
	padding:0;
	padding-left:1.5em;
	list-style-type:none;
}
#campaign ol li{
	line-height:1.6;

	margin-bottom:0.8;
}
#campaign ol li:before{
	padding-right: 0.5em;
}
#campaign ol li:nth-of-type(1):before{
	content:"・";
}
#campaign ol li:nth-of-type(2):before{
	content:"・";
}
#campaign ol li:nth-of-type(3):before{
	content:"③";
}
/* campaign table */
#campaign table{
	border-collapse: collapse;
	width:100%;
}
#campaign th,
#campaign td{
	border:1px solid #FFF;
	font-size:15px;
	padding: 5px 5px;
}
#campaign th{
	font-weight:normal;
	line-height:1.5;
	color:#1463e0;
	text-align:left;
	background-color:#f5f5f5;
}
#campaign td{
	text-align:left;
	color:#1463e0;
	font-weight:bold;
	line-height:1;
	background-color:#ecebeb;
	text-align: right;
}
#campaign tr th:nth-of-type(2) ,
#campaign tr td:nth-of-type(2) {
	background-color:#1463e0;
	color:#fff;
}
#campaign tr td:nth-of-type(2) {
	text-align:right;
}
#campaign ul{
	font-size:12px;
	margin:0;
	padding:0;
	padding-left:1.2em;
	list-style-type:none;
	font-feature-settings : "palt";
}
#campaign li{
	padding-left:1em;
	text-indent: -1em;
	line-height:1.5;
}
#campaign ul{
	line-height:2;
	color:#616977;
}
#campaign ul.bullet li:before{
	padding-right: 0.5em;
	content:"・";
}
#campaign .btns .btn:nth-of-type(1){
	margin-bottom:10px;
}
#campaign ul li:before{
	padding-right: 0.5em;
	content:"・";
}

/* about-bank */
#about-bank{
	background-color:#fff;
	padding:46px 8px 8px 8px;
	padding:40px 5.6% 40px 5.6%;
}
#about-bank h2{
	font-size:24px;
	margin-bottom:46px;
}
#about-bank h3{
	font-size:18px;
	color:#00263F;
	padding-bottom: 15px;
	font-weight: bold;
}
#about-bank p{
	line-height: 1.3;
}
#about-bank .about-bank-p{
	font-size: 12px;
	line-height:2;
	color:#616977;
}

/* footer */
.border-for-footer {
	width: 100%;
	border-bottom: 1px solid #ccc;
}

.common-footer {
	position: relative;
}

.footer-middle {
	width: 100%;
	background-color: #fff;
}

.footer-middle .inner {
	padding: 60px 40px 40px;
}

.footer-lower {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 284px;
	padding-top: 78px;
	background-color: #f4f4f4;
}

.footer-lower > .copyright {
	color: #999;
	font-family: 'Lato',sans-serif;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.8333;
	text-align: center;
}

.footer-lower > .walk {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 80px;
}

.footer-lower > .walk span {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(/assets_old/img/theo-deposit-campaign04/bg_walk-stop.png);
	background-position: 51.4096% 0;
	background-repeat: repeat-x;
	background-size: 603px 80px;
}

.footer-logo {
	width: 104px;
	height: 32px;
	margin: 0 auto 20px;
}

.footer-logo img {
	width: 100%;
	height: auto;
}

.footer-misc {
	padding: 30px 0 0;
	margin: 0;
}

.footer-misc > .title {
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4286;
}

.footer-misc > .desc {
	margin: 6px 0 0;
	font-size: 12px;
	line-height: 1.5;
}

.footer-misc > .desc + .title {
	margin-top: 24px;
}

.footer-sitemap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0 0 40px;
	border-bottom: 1px solid #ccc;
}

.sitemap-list {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	padding: 0;
	margin: 0;
	-webkit-box-flex: 0;
	list-style: none;
}

.sitemap-list.-contents, .sitemap-list.-external {
	width: 50%;
}

.sitemap-list.-util {
	width: 100%;
	margin-top: 50px;
}

.sitemap-list > .item {
	font-size: 12px;
	line-height: 1.5;
}

.sitemap-list > .item a {
	color: #666;
	text-decoration: none;
}

.sitemap-list > .item + .item {
	margin-top: 9px;
}

@media screen and (min-width: 768px) {
	._sp {
		display: none !important;
	}
}

@media screen and (min-width: 768px) and (max-width: 1139px) {

	.sitemap-list.-contents, .sitemap-list.-external {
		width: 25%;
	}
	.sitemap-list.-util {
		width: 50%;
		margin-top: 0;
	}
}

@media screen and (min-width: 1140px) {
	.footer-middle .inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 84.2105vw;
		max-width: 1120px;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		align-content: center;
		align-items: center;
		justify-content: flex-start;
		padding: 70px 0 80px;
		margin: 0 auto;
		-webkit-box-align: center;
		-webkit-box-pack: start;
		-ms-flex-align: center;
		-ms-flex-line-pack: center;
		-ms-flex-pack: start;
	}
	.footer-misc {
		padding: 0 0 36px 64px;
	}
	.footer-misc > .title {
		font-size: 14px;
		line-height: 1.4615;
	}
	.footer-misc > .desc + .title {
		margin-top: 16px;
	}
	.footer-sitemap {
		width: 582px;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		justify-content: flex-start;
		padding: 20px 0;
		border-right: 1px solid #ccc;
		border-bottom: none;
		-webkit-box-flex: 0;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
	}
	.sitemap-list + .sitemap-list {
		margin-left: 48px;
	}
	.sitemap-list.-contents, .sitemap-list.-external {
		width: auto;
	}
	.sitemap-list.-util {
		width: auto;
		margin-top: 0;
	}
	.sitemap-list > .item {
		font-size: 12px;
		line-height: 1.3333;
	}
	.sitemap-list > .item a {
		-webkit-transition: opacity 0.3s ease;
		transition: opacity 0.3s ease;
	}
	.sitemap-list > .item a:hover {
		opacity: 0.6;
	}
	.sitemap-list > .item + .item {
		margin-top: 12px;
	}
}

@media screen and (max-width: 767px) {
	._pc {
		display: none !important;
	}
}


/* for TB */
@media (min-width: 768px) and (max-width: 919px) {
.fortb{	display:block;}
.forsp{	display:block;}
}
#campaign table{
	max-width:450px;
}



/* for PC */
@media (min-width: 920px) {

.forpc{	display:block;}
.fortb{	display:block;}
.forsp{	display:none;}
#main-top {	display:none;}
#main-top-pconly { display:block;}
#link-shindan {	display:none;}
#link-shindan-pc{ display:block;}
a:hover{
	text-decoration: none;
	opacity: .7;
}
a{
	transition: all .4s cubic-bezier(.4,0,.2,1);
}
.hidden-lg-up {
    display: none!important;
}
.btn {
	width:400px;
	text-align: center;
	margin-bottom: : 24px;
}

.btn a:after{
	width:40px;
	height:40px;
	border-width:2px;
	background-size:18px;
	right:10px;
	top:10px;
}



/* main-top for PC */
#main-top-pconly .pc{
	display: block !important;
	text-align:center;
}
#main-top-pconly{
	background:url(../../img/theo-deposit-campaign04/illust_pc.png) center center no-repeat;
	background-size:cover;
	background-color:#fa8b67;
	padding:50px 5.6% 21px 5.6%;
	overflow:hidden;
}
#main-top-pconly .link-shindan-pconly-btn{
	text-align: center;
}
#main-top-pconly .btn a {
	color: white;
	text-align: center;
	/*background-color:rgba(255,255,255,0.92);*/
}
#main-top-pconly .btn a:after{
	border-color:#FFF;
}
#main-top-pconly a{
	font-size: 16px;
	text-align: center;
	color: #FFFFFF;
	font-weight: 400;
}
#main-top-pconly .logo{
	font-size:10px;
	display:block;
	margin:0;
	margin-bottom:6px;
}
#main-top-pconly .logo img{
	width:84px;
}
#main-top-pconly .title {
	text-align:center;
	margin:0 0 10px 0;
}
#main-top-pconly .title img{
	width:  40%;
	max-width: 380px;
}
#main-top-pconly .btns .btn:first-child{
	margin-bottom:12px;
}
#main-top-pconly .link-shindan-text-arrow{
	max-width: 16px;
}
#main-top-pconly .link-shindan-text-arrow{
	max-width: 16px;
	padding-left: 3px;
	padding-bottom: 3px;
}
#main-top-pconly .link-shindan-pconly-direct {
	text-align:center;
	font-size: 16px;
	font-weight: 400;
	color: white;
	padding-top: 24px;
}
#main-top-pconly .link-shindan-pconly{
	text-align: center;
	padding: 36px;
}
#main-top-pconly .main-top-logo img{
	max-height: 30px;
}



/* link-shindan-pc for PC */
.link-shindan-pconly-text {
	text-align:center;
	font-size: 18px;
	line-height: 0.8em;
}
.under-pconly {
	font-weight: bold;
	color: white;
	letter-spacing: 0.05em;
}
#link-shindan .btn{
 width:720px;
}

#link-shindan-pc a{
	color: #00C3FF;
}

/* background for PC */
#background {
	background-color: #F6F6F6;
	background-position:center center;
	padding:46px 10% 80px 10%;
	color:#00263F;
	font-size: 18px;
}



/* background for PC */
#background {
	padding-top:40px;
	padding-bottom:40px;
	background-size:100%;
}
#background h2{
	font-size:30px;
	font-weight:bold;
}



/* campaign for PC*/
#campaign{
	padding:0px 80px 20px 80px;
	text-align: center;
}
#campaign h2{
	font-size:30px;
	text-align: center;
	color: #00263F;
	padding: 50px 0 50px 0;
}
#campaign p {
    font-size: 18px;
}
#campaign .container-c04{
	display: inline-flex;
	margin-bottom:40px;
	margin-right: 40px;
	width:100%;
}
#campaign .container-c04-text{
	width: 80%;
}
#campaign .flexelem{
	width:570px;
}
#campaign h3{
	font-size:18px;
	width:250px;
	padding-top:5px;
}
#campaign ol{
	font-size:14px;
	color: #00263F;
	display: block;
}
#campaign table{
	max-width:570px;
}
#campaign th,
#campaign td{
	padding: 12px 16px;
	font-size:18px;
}
#campaign ul{
	font-size:14px;
	color: #616977;
	display:block;
}
#campaign .asterisk{
	font-size:14px;
	padding-left:1em;
	text-indent: -1em;
}



/* about-bank for PC*/
#about-bank{
	padding:0px 80px 40px 80px;
}
#about-bank h2{
	font-size:30px;
	margin-bottom:70px;
}
#about-bank .container-c04{
	display:block;
}
#about-bank .flexelem{
	width:570px;
}
#about-bank h3{
	text-align: left;
	font-size:20px;
	width:100%;
	padding:40px 0 40px 0;
	font-weight: bold;
}
#about-bank p{
	font-size:18px;
	line-height: 1.3;
}
#about-bank ol{
	font-size:18px;
}
#about-bank table{
	width:570px;
}
#about-bank th,
#about-bank td{
	padding: 12px 16px;
	font-size:18px;
}



/* footer for PC */
#pagetop a{
	width:76px;
	height:76px;
	width:44px;
	height:44px;
	background-size:27px;
	background-size:18px;
	border-width:2px;
}