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

/*header*/
#wrap.introduction section{ margin: 0 !important;}
#wrap.introduction .contents{ width: 100%;}
#wrap.introduction .contentsHead{ background: url("/lp/camp_fund_202004/img/bg_camp_fund_202004.jpg") no-repeat top right #ffffff !important; height: 460px; background-size: cover !important;}

#wrap.introduction .contentsHead .topicPath li,
#wrap.introduction .contentsHead .topicPath li a,
#wrap.introduction .contentsHead .topicPath li strong{ color: #333;}
#wrap.introduction .contentsHead .ttlIntroduction{ color: #333; font-size: 3.4rem; margin: 100px auto 0 !important; text-align: center;}
#wrap.introduction .contentsHead .ttlIntroduction .ruby{ font-weight: bold; color: #007f08; position: relative;}
#wrap.introduction .contentsHead .ttlIntroduction .ruby .rt{ font-weight: bold; color: #007f08; position: absolute; top: -35px; left: 0;}
#wrap.introduction .contentsHead .ttlIntroduction small{ display: block; font-size: 1.4rem; font-weight: bold; margin-top: 20px;}


@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;}

#wrap.introduction .contentsHead .ttlIntroduction{ color: #333; font-size: 2.4rem; margin: 40px auto 0 !important; text-align: center;}
#wrap.introduction .contentsHead .ttlIntroduction .ruby{ display: inline-block; margin-top: 10px;}
#wrap.introduction .contentsHead .ttlIntroduction .ruby .rt{ position: absolute; top: -20px;}
#wrap.introduction .contentsHead .ttlIntroduction small{ font-size: 1.2rem; margin-top: 10px;}

}


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

.headNav01{ margin-top: 50px;}
.headNav01 li{ border: 3px solid #007f08; 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{ background: #007f08; 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-top-color: #007f08; border-width: 12px; margin-left: -12px; }
.headNav01 li.cur:before{ border-top-color: #007f08; 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.cur{ background: #007f08;}
.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{ font-size: 4.8rem; text-align: center; font-weight: bold; color: #007f08; padding: 60px 0 0px; margin-top: -10px;}
.tabContent01 h2{ font-size: 7rem; text-align: center; font-weight: bold; color: #8C8C00; padding: 40px 0 40px;}
.tabContent01 h2 span{ font-size: 2.2rem; display: block; font-weight: bold;}

.tabContent01 .bgWrap01{ position: relative; padding: 1px 0;}
.tabContent01 .bgWrap01:before{ content: ""; display: block; position: absolute; top: -12px; background: url("/lp/camp_fund_202004/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_202004/img/bg_camp_fund_202004.jpg") center no-repeat; background-size: cover;
}

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

.tabContent01 .inner .bgLeftWrap h3{ width: 100%; background: #007f08; padding: 5px 20px; font-size: 2.4rem; color: #fff; position: absolute; top: -20px; left: 0;}
.tabContent01 .inner .bgLeftWrap h4{ font-size: 3.3rem; margin-bottom: 10px; line-height: 1.5; color: #007f08;}
.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 #007f08; line-height: 1.4;}


.tabContent01 .inner .bgLeftWrap .warpImg01{ position: absolute; top: -75px; left: 700px; width: 660px;}
.tabContent01 .inner .bgLeftWrap .warpImg03{ position: absolute; top: 30px; left: 700px; width: 660px;}
.tabContent01 .inner .bgLeftWrap .warpImg05{ position: absolute; top: 30px; left: 700px; width: 660px;}


/*以下PC画面*/

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

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


/*メイン画像*/
#catch{ margin-top: -60px !important; height: auto !important; background: url("/lp/camp_fund_202004/img/bg_camp_main0.jpg") no-repeat !important; background-size:auto !important;}

/*リンクボタン「紹介カード」*/
#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:#B1B189 solid 1px; background: #f0faf1; margin: 0.8em 0 2em 0.9em; padding: 1em; color: #333333;}

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

/*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;}
.dataTable07 th.title02{ color: #fff; background: #002342; font-weight: bold; width: auto; font-size: 1.8rem; vertical-align: middle; text-align: center;}
.dataTable07 td.w235{ background: #e6e6e6; width: 235px; vertical-align: middle;}



.tabContent01 .inner{ width: 100%;}	
	
.tabContent01 .inner .bgLeftWrap .warpImg01{ width: 500px;}
.tabContent01 .inner .bgLeftWrap .warpImg03{ width: 500px;}
.tabContent01 .inner .bgLeftWrap .warpImg05{ width: 500px;}
}

.subText01{ display: inline-block !important; font-size: 1rem !important; vertical-align: top; position: relative; bottom: -0.7em; margin-left: 0 !important;}

.checkDiscList01{ margin-left:1.5em !important;}
.checkDiscList01 li{ list-style: disc; list-style-position: outside; background: none; line-height: 1.5; font-size: 1.6rem; padding: 0 0 0 30px; margin: 5px 0 0 -40px; font-weight: normal; color: #007f08;}
.checkDiscList01 li span{ color: #333;}
.dispTxt01{ display: none;}

.tabContent01 .bgLeftWrap .campTblWrap01{ margin-bottom: 50px;}
.campTblWrap01 table{width: 100%; margin-top: 22px !important;}
.campTblWrap01 table th{padding: 20px; border: 1px solid #cccccc; background: #002449; color: #fff; text-align: center;}
.campTblWrap01 table.title01,
.campTblWrap01 table.title02{width: 170px;}
.campTblWrap01 table.title03,
.campTblWrap01 table.title04{width: 140px;}
.campTblWrap01 table td{font-weight: bold; padding: 18px; border: 1px solid #cccccc;}
.campTblWrap01 table td.name{background: #e6e6e6;}


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

.tabContent01 h2{ font-size: 3.6rem; padding: 20px 0 40px; margin: 0 -15px;}
.tabContent01 h2 span{ font-size: 1.2rem;}
.tabContent01 .bgWrap01{ margin: 0 -15px;}
.tabContent01 .bgWrap01:before{ content: ""; display: block; position: absolute; top: -12px; background: url("/corporate/introduction/img/bg_content_top.png") repeat-x; background-size: 3px auto; width: 100%; height: 12px;}

.tabContent01 .inner{ width: auto; margin: 0 15px 0 30px;}
.tabContent01 .inner .bgLeftWrap{ width: auto; padding: 20px 30px 30px 30px; position: relative; background: #fff; margin-top: 40px;}
.tabContent01 .inner .bgLeftWrap h3{ width: 100%; padding: 5px 0 5px 20px; font-size: 1.8rem; top: -30px; left: 0;}
.tabContent01 .inner .bgLeftWrap h4{ font-size: 2.4rem; margin-bottom: 10px;}
.tabContent01 .inner .bgLeftWrap h5{ font-size: 1.8rem; margin-top: 40px; margin-bottom: 30px; font-weight: bold; padding: 0 0 15px 0; border-bottom: 4px solid #007f08; line-height: 1.4;}

.tabContent01 .inner .bgRightWrap{ width: auto; padding: 50px 30px 30px 25px; position: relative; background: #fff; margin-top: 70px;}
.tabContent01 .inner .bgRightWrap h4{ font-size: 2.2rem; margin-bottom: 20px; line-height: 1.5;}

.tabContent01 .inner .bgLeftWrap .warpImg01,
.tabContent01 .inner .bgRightWrap .warpImg02,
.tabContent01 .inner .bgLeftWrap .warpImg03,
.tabContent01 .inner .bgRightWrap .warpImg04,
.tabContent01 .inner .bgLeftWrap .warpImg05{ width: 34%; max-width: 135px; min-width: 120px; top: 15px; right: -5px; left: auto;}

.checkList01 li{ background: url(/corporate/introduction/img/icon_check.png) no-repeat left 0.2em; background-size: 20px auto; padding-left: 25px; font-size: 1.7rem; line-height: 1.5;}
.checkList01 li span{ display: block; font-size: 1.4rem; color: #333; line-height: 1.5; margin-left: -25px; margin-top: 10px;}
.subText01{ bottom: -0.6em; margin-top: 0 !important;}
.checkList01 li span.smallText01{ font-size: 1.3rem; margin-top: 0;}

.checkDiscList01{ margin-left: 1.5em !important;}
.checkDiscList01 li{ background: none; font-size: 1.4rem; padding: 0; margin: 5px 0 0 -30px;}
.checkDiscList01 li span{ margin-left: 0 !important;}
.dispTxt01{ display: block; margin: 10px 0 0 -1.5em; color: #333; text-align: center; font-size: 1.4rem;}
}

@media screen and (max-width: 360px){
.tabContent01 .inner .bgLeftWrap .warpImg01,
.tabContent01 .inner .bgRightWrap .warpImg02,
.tabContent01 .inner .bgLeftWrap .warpImg03,
.tabContent01 .inner .bgRightWrap .warpImg04,
.tabContent01 .inner .bgLeftWrap .warpImg05{ width: 30%; max-width: 140px; min-width: 85px; top: 15px; right: -5px; left: auto;}
}

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

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

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

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

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




.pr0-sp{ padding-right: 0;}

.dataTable07 table{ margin-top: 10px !important; font-size: 1.2rem;}
.dataTable07 table .thead { display: none;}
.dataTable07 table tr{ display: block; width: 100%; position: relative;}
.dataTable07 table td{ display: block; width: 100%; position: relative; padding-top: 46px;}
.dataTable07 table td:nth-child(1):before{ content: "投信"; background: #002449; box-sizing: border-box; color: #fff; font-weight: bold; height: 40px; padding: 10px; position: absolute; top: 0; left: 0; display: block; width: 100%; text-align: center;}
.dataTable07 table td:nth-child(2):before{ content: "債券"; background: #002449; box-sizing: border-box; color: #fff; font-weight: bold; height: 40px; padding: 10px; position: absolute; top: 0; left: 0; display: block; width: 100%; text-align: center;}	
	
}


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

.footContents01{ background: #fff; padding: 160px 0 60px;}
.footContents01 .inner{ width: 1200px; margin: 0 auto;}
.footContents01 .inner .contactTxt01{ font-size: 3.2rem; text-align: center; font-weight: bold;}

.bdBox08{ border: 1px solid #d9d9d9; border-top: 3px solid #007f08; border-bottom: 5px solid #d9d9d9; padding: 0; background: #fff; margin: 30px 0 0;}
.bdBox08 .ttl{ background: #007f08; color: #fff; font-size: 2rem; text-align: center; font-weight: bold; padding: 5px 0;}
.bdBox08 .boxInner01{ padding: 45px 20px;}
.bdBox08 .boxInner01 p{ font-size: 2rem; text-align: center; font-weight: bold;}
.bdBox08 .boxInner01 a{ display: block;  text-align: center; color: #333; text-decoration: none;}
.bdBox08 .boxInner01 a span{ font-size: 4rem; background: url(/corporate/introduction/img/icon_tel_01.png) no-repeat left center; padding-left: 35px; display: inline-block; font-weight: bold;}

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

/*dataTable費用の表スマホ*/

.dataTable07{font-size: 1.5rem; border: 1px solid #cccccc; width:100%; margin: 6px 0 24px 0; !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;}
.dataTable07 th.title02{ color: #fff; background: #002342; font-weight: bold; width: auto; font-size: 1.8rem; vertical-align: middle; text-align: center;}
.dataTable07 td.w235{ background: #e6e6e6; width: 235px; vertical-align: middle;}



/*メイン部分スマホ*/

.tabContent01 h1{ font-size: 2.8rem; text-align: center; font-weight: bold; color: #007f08; padding: 30px 0 0px; margin-top: -10px;}

.footContents01{ padding-top: 80px; margin: 0 -15px;}
.footContents01 .inner{ width: auto; margin: 0 15px;}
.footContents01 .inner .contactTxt01{ font-size: 2rem;}

.bdBox08{ margin: 30px 0 0;}
.bdBox08 .ttl{ font-size: 1.4rem; padding: 5px 0;}
.bdBox08 .boxInner01{ padding: 20px 10px 15px;}
.bdBox08 .boxInner01 p{ font-size: 1.4rem;}
.bdBox08 .boxInner01 a span{ font-size: 2.6rem; background: url(/corporate/introduction/img/icon_tel_01.png) no-repeat left center; background-size: 20px auto; padding-left: 25px; display: inline-block; font-weight: bold;}


.tabContent01 .bgLeftWrap .campTblWrap01{}
.campTblWrap01 table.shop{width: 100%;margin-top: 30px !important;}
.campTblWrap01 table.shop th{background: #002449; color: #fff; text-align: center;}
.campTblWrap01 table.shop th{padding: 20px;border: 1px solid #cccccc;}
.campTblWrap01 table.shop .title01,
.campTblWrap01 table.shop .title02{width: 170px;}
.campTblWrap01 table.shop .title03,
.campTblWrap01 table.shop .title04{width: 140px;}
.campTblWrap01 table.shop td{padding: 20px;border: 1px solid #cccccc;}
.campTblWrap01 table.shop td.name{background: #e6e6e6;}

.campTblWrap01 table.report{width: 100%;margin-top: 30px !important;}
.campTblWrap01 table.report th{background-color: #002449; color: #fff;vertical-align: middle;}
.campTblWrap01 table.report th{padding: 15px 15px 35px 15px;border: 1px solid #cccccc; text-align: center;}
.campTblWrap01 table.report .title01,
.campTblWrap01 table.report .title02{width: 170px;}
.campTblWrap01 table.report .title03,
.campTblWrap01 table.report .title04{width: 140px;}
.campTblWrap01 table.report td{padding: 15px;border: 1px solid #cccccc;}
.campTblWrap01 table.report td.name{background-color: #e6e6e6;}

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

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

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

/*現金プレゼント表スマホ*/
.campTblWrap01 table{width: 100%; margin-top: 10px !important;}
.campTblWrap01 table th{}
.campTblWrap01 table.title01,
.campTblWrap01 table.title02{width: 170px;}
.campTblWrap01 table.title03,
.campTblWrap01 table.title04{width: 140px;}
.campTblWrap01 table td{ padding: 5px 2px; border: 1px solid #cccccc;}
.campTblWrap01 table td.name{background: #e6e6e6;}


/*レイアウト(id)
-----------------------------------------------------------*/
#campla{ background: url("/lp/camp_fund_202004/img/bg_camp_fund_202004.jpg") no-repeat fixed bottom #ffffff !important; background-size:100% !important;}

}

/*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;
}

}