@charset "utf-8";
/* -----------------------------------------------------------------
投信プラチナキャンペーン2020年秋
--------------------------------------------------------------------*/

/*header*/
#wrap.introduction section{ margin: 0 !important;}
#wrap.introduction .contents{ width: 100%;}

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

#wrap.introduction .contents{ overflow: inherit;}
#wrap.introduction .contentsHead{ background: url("/corporate/introduction/img/bg_mv_introduction_sp.jpg") no-repeat top right #00203c !important; height: 325px !important; background-size: cover !important;}
}


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

.headNav01{ margin-top: 50px;}
.headNav01 li{ border: 3px solid; width: calc(50% - 10px); margin: 0; font-size: 0; box-shadow: 0 5px 3px #adadad; text-align: left;}
.headNav01 li a{ padding: 17px 10px;}
.headNav01 li p{ font-size: 1.6rem; padding-right: 0; background: none; display: block; position: relative; max-width: 135px; margin: 0 auto 10px;}
.headNav01 li p:after{ content: ""; display: inline-block; background:url(/corporate/introduction/img/ico_arrow_l_g_01.png) no-repeat right center; background-size: 10px; padding-right: 15px; width: 3px; height: 12px;}	
	
.headNav01 li span{ font-size: 1.2rem; line-height: 2;}
.headNav01 li.cur{ box-shadow: none; padding: 17px 10px;}
.headNav01 li.cur p{ color: #fff; padding-right: 0; background: none;}
.headNav01 li.cur p:after{ display: none; padding-right: 0;}	
.headNav01 li.cur span{ color: #fff;}
.headNav01 li.cur:after,
.headNav01 li.cur:before{top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute;}
.headNav01 li.cur:after{ border-width: 12px; margin-left: -12px; }
.headNav01 li.cur:before{ border-width: 18px; margin-left: -18px;}
.headNav01 li.sdg{ margin-left: 5px;}
.headNav01 li.sdg p{ position: relative;}
.headNav01 li.sdg p img{ width: 65px; top: -65px; right: -12px;}
.headNav01 li.sdg.cur p img{ top: -65px; right: -12px;}

.headNav01.bottom{ margin: 80px auto -45px;}
.headNav01.bottom li p{ margin-bottom: 0;}
.headNav01.bottom li.cur p{ color: #fff; padding-right: 0; background: none;}
.headNav01.bottom li.cur:after,
.headNav01.bottom li.cur:before{ display: none;}	
	
}

/*共通指定*/

.tabContent01 h1{ background: url("/lp/camp_fund_202101/img/catch.png") no-repeat top center; height: 510px;}

.tabContent01 .inner{ margin: 0 auto;}
.tabContent01 .inner .bgLeftWrap{ width: 80%; padding: 30px 40px; position: relative; background: #fff; margin: 20px auto 0px auto;}

.tabContent01 .inner .bgLeftWrap h3{
	width: 100%;
	color: #fff;
	background-color: #F2BF90;
}
.tabContent01 .inner .bgLeftWrap h5{ font-size: 2rem; margin-top: 20px; margin-bottom: 30px; font-weight: bold; padding: 0 0 10px 0; border-bottom: 4px solid #F2BF90; line-height: 1.4; color: #E99649;}
.tabContent01 .inner .bgLeftWrap h6{ font-size: 120%; color: #E99649 !important;}

#catch{text-align: center; margin-top: -60px !important;}
body{background: #FAFAF9 url("/lp/camp_fund_202101/img/bg_camp_main.jpg") fixed !important; background-size: cover !important;}

/*申込問合*/
#how{
	width:920px;
	margin:0 auto;
	padding:0;
	text-align:center;
}
#how img{ margin:10px auto 18px auto;}
#how a{ margin-left:10px;}

/*文字色*/
.txtc01{ color:#EB6100;}
.txtc02{ color:#EB6100; font-size: 170%;}
.txtc03{ color:#95745B; font-size: 160%;}
.txtc04{ color:#95745B; font-weight: bold;}

.hidtxt{ visibility:hidden;}

#intro img{ margin: 30px auto 0 auto;}

#catch01{
	width:100%;
	margin:12px auto 30px auto;
	text-align:right !important;
	font-weight:bold;
}

/*以下PC画面*/

@media screen and (max-width: 1385px){

html, body {
overflow-x: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}


/*メイン画像*/
#catch{ padding-top: 0 !important; height:720px !important;}

.tabContent01 h1{ margin:0 auto 5px auto;}

.tabContent01 .inner .bgLeftWrap h3{
	margin-bottom: 18px;
	padding: 8px 20px 6px;
	font-size: 2.4rem;
}

.tabContent01 .bgWrap01{ position: relative; padding: 1px 0; margin-top: -180px;}
.tabContent01 .bgWrap01:before{ content: ""; display: block; position: absolute; top: -12px; background: url("/lp/camp_fund_202101/img/bg_lp_top.png") repeat-x; background-size: 3px auto; width: 100%; height: 12px;}
.tabContent01 .bgWrap01:after{ content:""; display: block; position: fixed; top:0; left:0; z-index: -1; width: 100%; height: 100vh; background: url("/lp/camp_fund_202101/img/bg_camp_fund_202101.png") center no-repeat; background-size:  cover;}


/*リンクボタン「紹介カード」*/
#btcrd{
	margin:4px 0 4px 30px;
	padding:0;
}

#btcrd a{
	display:block;
	width:285px;
	height:41px;
	background:url(/lp/camp/img/bt_crd.gif) no-repeat;
	position:relative;
	top:0px;
	left:0px;
}

#btcrd a:hover{
	background:url(/lp/camp/img/bt_crd_ov.gif) no-repeat;
}
.hidtxt{ visibility:hidden;}

#inv{ border:#F2BF90 solid 1px; background: #FBF7EF; margin: 0.8em 0 2em 0.9em; padding: 1em; color: #333333;}

/*dataTable*/

.dataTable07{font-size: 1.5rem; border: 1px solid #cccccc; width:96.6%; margin: 6px 0 24px 2em; !important;}
.dataTable07 th{width: 10em !important; background: #f0faf1; border: 1px solid #cccccc; padding: 8px 18px; vertical-align: middle;}
.dataTable07 td{border: 1px solid #cccccc; padding: 8px 18px; vertical-align: middle;}
.dataTable07 thead th{color: #fff; background: #002449; font-weight: bold; width: auto;font-size: 1.8rem;}

.tabContent01 .inner{ width: 100%;}	

/*ご紹介*/
#intro{display: block; height: 264px;}
#intro img{ margin: 30px auto 0 auto;}

}

.tabContent01 .campTblWrap01{ width: 920px; margin: 1px auto 0 auto;}
.campTblWrap01 table{width: 100%; margin-top: 22px !important; background-color: #FFFFFF;}
.campTblWrap01 table th{padding: 20px; border: 1px solid #cccccc; background: #002449; color: #fff; text-align: center;}
.campTblWrap01 table.title01,
.campTblWrap01 table td{ font-size: 130%; font-weight: bold; padding: 18px 0 18px 18px; border: 1px solid #cccccc;}
.campTblWrap01 table td.name{ color: #95745B; background: #FBF7EF;}

.discList{ margin-left:1.5em !important;}
.discList li{ list-style:disc; list-style-position: outside;color: #E99649;}
.discList li span{ color: #555;}


/*以下スマホ*/
@media screen and (max-width: 768px){

html, body {
overflow-x: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}

.layoutCsp{ text-align:center !important;}

.tabContent01 .bgWrap01{ margin: 50px 0 0 -15px; padding: 0;}
.tabContent01 .bgWrap01:before{ content: ""; display: block; position: absolute; top: -12px; width: 100%; height: 12px;}

.tabContent01 .inner{ width: auto; margin: 0 15px 0 30px;}
.tabContent01 .inner .bgLeftWrap{ width: auto; padding: 18px; position: relative; background: #fff; margin-top: 40px;}
.tabContent01 .inner .bgLeftWrap h3{ padding: 5px 0 5px 10px; font-size: 1.8rem; top: -30px; left: 0;}
.tabContent01 .inner .bgLeftWrap h5{ font-size: 1.7rem; margin-top: 40px; margin-bottom: 20px; font-weight: bold; padding: 0 0 7px 0; line-height: 1.4;}

/*メイン画像スマホ*/
#catch{ margin-top: -30px !important; height: auto !important; background: url("/lp/camp_fund_202101/img/bg_camp_main.jpg") no-repeat top center !important; background-size:120% !important;}

.tabContent01 h1{ padding: 30px 0 0 0; margin-top: -8px; width:100%; height: 210px; background-size: 111%;}

/*ご紹介スマホ*/
#intro{display: block; width: 100%; height: auto;}
#intro img{ text-align: center !important;
margin: 30px auto 0 auto;}

#inv{ margin: 0.8em 0 2em 0.1em; padding: 1em;}


/*申込問合スマホ*/
#how{
	width:100%;
	margin:0 auto;
	padding:0;
	text-align:center;
}
#how img{width:100%; margin:6px auto 18px auto;}
#how a{ margin-left:0;}

}

/*footer*/
#wrap.introduction footer{ margin-top: 0 !important;}



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

/*dataTable費用の表スマホ*/
.dataTable07{font-size: 1.4rem; line-height: 1.5; border: 1px solid #cccccc; width:100%; margin: 0 0 24px 0; !important;}
.dataTable07 th{width: 8.8em !important; background: #f0faf1; border: 1px solid #cccccc; padding: 8px 8px 8px 12px; vertical-align: middle;}
.dataTable07 td{border: 1px solid #cccccc; padding: 8px 12px; vertical-align: middle;}

/*リンクボタン「紹介カード」スマホ*/
#btcrd{
	margin:4px 0;
	padding:0;
}

#btcrd a{
	display:block; 
	width: 112%;
	height: 3.3em;
	background:url(/lp/camp/img/bt_crd.gif) no-repeat auto;
	background-size:contain;
	position:relative;
	top:0px;
	left:-24px;
}

#btcrd a:hover{
	background:url(/lp/camp/img/bt_crd_ov.gif) no-repeat;
}
.hidtxt{ visibility:hidden;}

/*現金プレゼント表スマホ*/
.tabContent01 .campTblWrap01{width: auto; margin: -50px auto 0 auto;}
.campTblWrap01 table{ width: auto; margin: 12px auto !important;}
.campTblWrap01 table th{}
.campTblWrap01 table td{ font-size:100%; padding: 6px 0 4px 8px; border: 1px solid #cccccc;}
.campTblWrap01 table td.name{background: #FBF7EF;}

/*scrollTbl*/
.scrollTbl02{ overflow: auto; -webkit-overflow-scrolling: touch; padding-bottom: 10px; margin-bottom: 60px;}
.scrollTbl02 table{ width: 60rem !important;}	
.scrollTbl02::after{content: url("/common/img/ico_scroll_description01.png");  margin: 0 auto; display: block ;padding: 20px; text-align: center; position: absolute; left: 50%; transform: translateX(-50%);}

#catch01{font-size: 90%;}
.txtc04{font-size: 60%; line-height: 1;}

}

/*iPhone 8 Plus*/
@media screen and (min-width:1080px) and ( max-width:1920px){

html, body {
overflow-x: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}

}