@charset "UTF-8";
/*=================================================

 ETF

=================================================== */
#gnav-wrap .global_navi:before, #gnav-wrap .global_navi:after {
	display: table;
	content: "";
}
#gnav-wrap .global_navi:after {
	clear: both;
}
/*----------------------------------------------------------
【ETF】共通
----------------------------------------------------------*/
.bold {
	font-weight: bold!important;
}
.small {
	font-size: 90%!important;
}
.etf .for_outline {
	position: absolute;
	width: 0px;
	height: 0px;
	font-size: 0 !important;
	line-height: 0;
	text-indent: -9999px !important;
}
.etf .onepiece {
	display: inline-block;
}
.etf .pc_hide {
	display: none;
}
.etf .sp_hide {
	display: block;
}
.etf ul.link > li a {
	display: inline-block;
	position: relative;
	background-image: url(../images/bg_link.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	background-size: 6px 11px;
}
.etf ul.link > li:not(:last-child) {
	margin-bottom: 0.5em;
}
.etf ul.link.horizontal {
	width: 100%;
	margin-bottom: -0.5em;
	overflow: hidden;
}
.etf ul.link.horizontal > li {
	float: left;
	margin-bottom: 0.5em;
}
.etf ul.link.horizontal > li:not(:last-of-type) {
	margin-right: 1em;
}
.etf ul.button > li a {
	display: block !important;
	padding: 18px 15px;
	text-align: center;
	text-decoration: none;
}
.etf ul.gen > li {
	padding-left: 1em;
	line-height: 1.5;
	text-indent: -1em;
}
.etf ul.gen > li:before {
	content: "・";
}
.etfnavi_wrap {
	background-color: #004fab;
	color: #fff;
}
.etfnavi_wrap .js-slidedata {
	position: relative;
}
.etfnavi_wrap .global_navi > li {
	float: left;
	text-align: center;
}
.etfnavi_wrap .global_navi > li a:hover, .etfnavi_wrap .global_navi > li a.current {
	background-color: #003777;
}
.etfnavi_wrap .global_navi > li > ul {
	display: none;
}
.etfnavi_wrap .global_navi > li.navi01{
	width: 226px;
}
.etfnavi_wrap .global_navi > li.navi02 {
	width: 112px;
}
.etfnavi_wrap .global_navi > li.navi03 {
	width: 124px;
}
.etfnavi_wrap .global_navi > li.navi04 {
	width: 128px;
}
.etfnavi_wrap .global_navi > li.navi05 {
	width: 188px;
}
.etfnavi_wrap .global_navi > li.navi07 {
	float: right;
	width: 154px;
}
.etfnavi_wrap .global_navi > li.navi07 a {
	margin: 5px 0;
	padding: 13px 0;
	background-color: #111;
}
.etfnavi_wrap .global_navi > li.navi07 a:hover,
.etfnavi_wrap .global_navi > li.navi07 a.current{
	background-color: #002044;
}
.etfnavi_wrap .global_navi > li.navi06,
.etfnavi_wrap .global_navi > li.navi08 {
	display: none;
}
.etfnavi_wrap a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 18px 0;
	color: #fff;
	text-decoration: none;
}
.footer_document_link .inner {
	padding-top: 30px;
}
.footer_document_link .document_link {
	width: 100%;
	margin: 0 auto;
}
.footer_document_link .document_link > li {
	display:inline-block;
	vertical-align: middle;
	margin-right: 0;
}
.footer_document_link .document_link > li a {
	border-right: solid 1px #b2b2b2;
	padding-right: 10px;
	padding-left: 10px;
}
.footer_document_link .document_link > li:first-child a  {
	padding-left: 0;
}
.footer_document_link .document_link > li:last-child a {
	border-right: none;
}
.footer_document_link .user_link {
	margin-bottom: 0;
}
.footer_document_link .notes {
	padding: 10px 0;
	border-bottom: 1px solid #d5d5d5;
}
/*----------------------------------------------------------
【ETF】追加
----------------------------------------------------------*/
/*section .inner {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
}
footer section .inner {
  width: auto;
  margin: 0 20px;
}
*/
.border_btn {
	display: block;
	box-sizing: border-box;
	margin: 0 auto;
	line-height: 38px;
	width: 253px;
	border: 1px solid #fff;
	border-radius: 20px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	font-size: 14px;
	position: relative;
}
.border_btn:before {
	content: "";
	display: block;
	background: url(../images/common/icon_arrow01.png) no-repeat 0 0;
	width: 4px;
	height: 7px;
	position: absolute;
	left: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.border_btn:hover {
	background: #fff;
	color: #468bb8;
}
.border_btn:hover:before {
	background: url(../images/common/icon_arrow07.png) no-repeat 0 0;
}
.border_btn.color2 {
	border-color: #1d2d7c;
	color: #1d2d7c;
	background-color: #fff;
}
.border_btn.color2:before {
	background: url(../images/common/icon_arrow02.png) no-repeat 0 0;
}
.border_btn.color2:hover {
	border-color: #1d2d7c;
	color: #fff;
	background-color: #1d2d7c;
}
.border_btn.color2:hover:before {
	background: url(../images/common/icon_arrow01.png) no-repeat 0 0;
}
.border_btn.color3 {
	border-color: #333333;
	color: #333333;
	background-color: #fff;
}
.border_btn.color3:before {
	background: url(../images/common/icon_arrow02.png) no-repeat 0 0;
}
.border_btn.color3:hover, a:hover .border_btn.color3 {
	border-color: #1d2d7c;
	color: #fff;
	background-color: #1d2d7c;
}
.border_btn.color3:hover:before, a:hover .border_btn.color3:before {
	background: url(../images/common/icon_arrow01.png) no-repeat 0 0;
}
.breadcrumb ul {
	font-size: 0;
}
.breadcrumb ul li {
	display: inline-block;
	line-height: 40px;
	color: #000;
	font-size: 13px;
}
.breadcrumb ul li a {
	color: #1d2d7c;
}
.breadcrumb ul li:before {
	display: inline-block;
	content: ">";
	width: 2em;
	text-align: center;
}
.breadcrumb ul li:first-child:before {
	display: none;
}
.footer_navi {
	background: url(../images/common/bg_footer_nav.png) repeat-x 50% 100%;
	height: 313px;
	text-align: center;
	padding: 44px 0 0;
	font-size: 0;
}
.footer_navi .border_btn {
	display: inline-block;
	max-width: 200px;
	margin: 0;
}
.footer_navi .border_btn.btn_left {
	margin-right: 30px;
}
.footer_navi .border_btn:hover {
	background: #fff;
	color: #2677ab;
}
.footer_navi .border_btn:hover:before {
	background: url(../images/common/icon_arrow08.png) no-repeat 0 0;
}

@media only screen and (min-width: 768px) {
	.hide_sp {
		display: block;
	}
	.hide_pc {
		display: none !important;
	}
}
#main_visual {
	background: #2677ab url(../images/top/hdg_01.png) no-repeat 50% 0;
	height: 182px;
}
#main_visual h3 img {
	display: none;
}
#main_visual p {
	position: relative;
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
}
#main_visual p a {
	position: absolute;
	right: 0;
	display: block;
	background: url(../images/top/hdg_02.png) no-repeat right 0;
	width: 460px;
	height: 182px;
	text-indent: -9999px;
}
#main_visual p a:hover {
	background: url(../images/top/hdg_02_on.png) no-repeat right 0;
}
.index_section01 {
	background: #edeff1;
	padding: 46px 0 38px;
}
.index_section01 .inner {
	position: relative;
	height: 170px;
}
.index_section01 h3 {
	font-size: 32px;
	line-height: 1.25;
	font-weight: bold;
	margin-bottom: 21px;
}
.index_section01 .description {
	font-size: 16px;
	line-height: 1.5;
	width: 460px;
}
.index_section01 .description span {
	font-weight: bold;
	color: #d4111e;
}
.index_section01 ul {
	width: 459px;
	position: absolute;
	right: 0;
	top: 0;
}
.index_section01 ul li {
	float: left;
	width: 225px;
	height: 80px;
	margin-right: 9px;
	margin-bottom: 10px;
	font-size: 0 !important;
	line-height: 0;
	text-indent: -9999px !important;
}
.index_section01 ul li.item1 {
	background:#555353 url(../images/top/bg_sec1_01.png) no-repeat 50% 0;
}
.index_section01 ul li.item2 {
	background:#555353 url(../images/top/bg_sec1_02.png) no-repeat 50% 0;
}
.index_section01 ul li.item3 {
	background:#555353 url(../images/top/bg_sec1_03.png) no-repeat 50% 0;
}
.index_section01 ul li.item4 {
	background:#555353 url(../images/top/bg_sec1_04.png) no-repeat 50% 0;
}
.index_section01 ul li:nth-child(even) {
	margin-right: 0;
}
.index_section01 ul li:nth-last-child(1), .index_section01 ul li:nth-last-child(2) {
	margin-bottom: 0;
}
.index_section02 {
	background: #63a4b8;
}
.index_section02 .inner {
	position: relative;
	height: 740px;
	padding: 38px 0 0;
}
.index_section02 h3 {
	color: #fff;
	font-size: 32px;
	line-height: 1.25;
	font-weight: bold;
	margin-bottom: 16px;
}
.index_section02 ul {
	width: 616px;
	overflow: hidden;
}
.index_section02 ul li {
	background-color: #fff;
	border: 2px solid #3b4885;
	border-bottom: 4px solid #3b4885;
	border-radius: 5px;
	display: table;
	width: 290px;
	height: 120px;
	float: left;
	margin-right: 18px;
	margin-bottom: 10px;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.index_section02 ul li a {
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
	color: #1d2d7c;
	padding: 0 0 0 88px;
	text-decoration: none;
	font-size: 22px;
	line-height: 28.6px;
	position: relative;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.index_section02 ul li a:after {
	content: "";
	display: block;
	background: url(../images/top/icon_sec2_arrow01.png) no-repeat 0 0;
	width: 9px;
	height: 9px;
	position: absolute;
	right: 2px;
	bottom: 2px;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.index_section02 ul li a span {
	display: inline-block;
	background: #d4111e;
	color: #fff;
	font-size: 12px;
	line-height: 21px;
	padding: 0 6px;
	font-weight: normal;
}
.index_section02 ul li:hover {
	background-color: #1d2d7c;
	border-color: #3b4885;
}
.index_section02 ul li:hover a {
	color: #fff;
}
.index_section02 ul li.single a {
	line-height: 1;
	padding: 0 0 0 98px;
}
.index_section02 ul.contents_ul li {
	width: 100%;
	height: auto;
	min-height: 142px;
	position: relative;
}
.index_section02 ul.contents_ul li a {
	text-decoration: none;
	display: block;
	padding: 12px 10px;
	color: #1d2d7c;	
}
.index_section02 ul.contents_ul li:hover {
	background-color: #fff;
	border-color: #3b4885;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.index_section02 ul.contents_ul li.li01 a:before,
.index_section02 ul.contents_ul li.li02 a:before,
.index_section02 ul.contents_ul li.li03 a:before,
.index_section02 ul.contents_ul li.li04 a:before{
	content: "";
	display: block;
	width: 102px;
	height: 77px;
	position: absolute;
	top: 12px;
	left: 12px;
	background-size: 36px auto;
	background-repeat: no-repeat;
	background-position: 0 0;
	border: solid 1px #ccc;
}
.index_section02 ul.contents_ul li.li01 a:before {
	background:#fff url(../images/top/icon_content01.png) no-repeat 50% 50%;
	background-size: contain;
}
.index_section02 ul.contents_ul li.li02 a:before {
	background:#fff  url(../images/top/icon_content02.png) no-repeat 50% 50%;
	background-size: contain;
}
.index_section02 ul.contents_ul li.li03 a:before {
	background:#fff  url(../images/top/icon_content03.png) no-repeat 50% 50%;
	background-size: contain;
}
.index_section02 ul.contents_ul li.li04 a:before {
	background:#fff  url(../images/top/icon_content04.png) no-repeat 50% 50%;
	background-size: contain;
}
.index_section02 ul.contents_ul li a p {
	padding: 0 0 0 130px;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.4;
}
.index_section02 ul.contents_ul li a p:first-of-type {
	font-weight: bold;
	color: #1d2d7c;
	font-size: 22px;
}
.index_section02 ul.contents_ul li a p.border_btn {
	display: block;
	box-sizing: border-box;
	margin: 8px 0 0 190px;
	line-height: 38px;
	width: 253px;
	border: 1px solid #1d2d7c;
	border-radius: 20px;
	text-align: center;
	text-decoration: none;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	font-size: 14px;
	position: relative;
	padding: 0;
	color: #1d2d7c;
	background-color: #fff;
}
.index_section02 ul.contents_ul li a p.border_btn:before {
	content: "";
	display: block;
	background: url(../images/common/icon_arrow02.png) no-repeat 0 0;
	width: 4px;
	height: 7px;
	position: absolute;
	left: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.index_section02 ul.contents_ul li:hover a p.border_btn {
	color: #fff;
	background-color: #1d2d7c;
}
.index_section02 ul.contents_ul li:hover a p.border_btn:before {
	background: url(../images/common/icon_arrow01.png) no-repeat 0 0;
}
.index_section02 .sub_section {
	background: #b0dbe6 url(../images/top/bg_sec2.png) no-repeat 0 100%;
	width: 320px;
	height: 740px;
	position: absolute;
	right: 0;
	top: 0;
}
.index_section02 .sub_section h4 {
	font-size: 0 !important;
	line-height: 0;
	text-indent: -9999px !important;
	background: url(../images/top/hdg_sec2.png) no-repeat 0 0;
	width: 266px;
	height: 117px;
	position: relative;
	margin: 0 auto 2px;
	top: -9px;
}
.index_section02 .sub_section ul {
	width: 280px;
	margin: 0 auto;
}
.index_section02 .sub_section ul li {
	width: 280px;
	background-repeat: no-repeat;
	background-position: 18px 50%;
	background-image: url(../images/top/icon_sec2_02.png);
	background-size: 61px auto;
}
.index_section02 .sub_section ul li:nth-child(1) {
	margin-right: 0;
}
.index_section02 .sub_section ul li:hover a:after {
	background: url(../images/top/icon_sec2_arrow02.png) no-repeat 0 0;
}
.index_section03 {
	background: url(../images/top/bg_sec3_1.png) no-repeat 50% 50%;
	background-size: cover;
}
.index_section03 .inner {
	min-height: 289px;
	padding: 66px 0 44px;
}
.index_section03 h3 {
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	margin-bottom: 18px;
}
.index_section03 h3 span {
	font-size: 17px;
	font-weight: normal;
	display: block;
	margin-bottom: 12px;
}
.index_section03 h3 br {
	display: none;
}
.index_section03 .sub_section {
	background: rgba(38, 119, 171, 0.85);
	border: 4px solid #2677ab;
	width: 833px;
	height: 179px;
	box-sizing: border-box;
	margin: 0 auto;
	position: relative;
	padding: 32px 212px 0 0;
}
.index_section03 .sub_section:before {
	content: "";
	display: block;
	background: url(../images/top/hdg_sec3.png) no-repeat 0 0;
	width: 236px;
	height: 54px;
	position: absolute;
	left: -15px;
	top: -26px;
}
.index_section03 .sub_section:after {
	content: "";
	display: block;
	background: url(../images/top/bg_sec3_2.png) no-repeat 0 0;
	width: 246px;
	height: 249px;
	position: absolute;
	right: -10px;
	top: -39px;
}
.index_section04 {
	background: #edeff1;
}
.index_section04 .inner {
	width: 960px;
	padding: 66px 0 49px;
}
.index_section04 h3 {
	color: #333333;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	margin-bottom: 42px;
}
.index_section04 .fund_list {
	width: 100%;
	display: table;
	border-collapse: collapse;
	border-spacing: 0;
}
.index_section04 .fund_list .fund_list_head {
	display: table-header-group;
}
.index_section04 .fund_list .fund_list_head section {
	border-bottom: 2px solid #999;
}
.index_section04 .fund_list .fund_list_head section .fund_list_cell {
	text-align: center;
	font-size: 12px;
	line-height: 1;
	padding: 0 0 16px;
	font-weight: bold;
}
.index_section04 .fund_list .fund_list_body {
	display: table-row-group;
}
.index_section04 .fund_list .fund_list_body section .fund_list_cell {
	font-weight: normal;
	font-size: 14px;
	line-height: 1.25;
}
.index_section04 .fund_list .fund_list_body section .fund_list_cell.cell1 {
	font-weight: bold;
	font-size: 16px;
	line-height: 1.25;
}
.index_section04 .fund_list .fund_list_body section .fund_list_cell.cell3 {
	padding-top: 34px;
	padding-bottom: 34px;
}
.index_section04 .fund_list section {
	display: table-row;
	border-bottom: 1px solid #999;
}
.index_section04 .fund_list section .fund_list_cell {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	padding: 20px 0 20px 20px;
	font-size: 16px;
	overflow: hidden;
}
.index_section04 .fund_list section .fund_list_cell.cell1 {
	width: 35.41667%;
	font-weight: bold;
}
.index_section04 .fund_list section .fund_list_cell.cell2 {
	width: 29.47917%;
}
.index_section04 .fund_list section .fund_list_cell.cell3 {
	width: 35.10417%;
}
.index_section04 .fund_list section .fund_list_cell .btn_wrap {
	float: left;
	width: 140px;
	margin-right: 17px;
}
.index_section04 .fund_list section .fund_list_cell .border_btn {
	float: left;
	width: 140px;
	font-size: 12px;
}
.index_section04 .fund_list section:last-child .fund_list_cell.cell3 .border_btn {
	float: none;
	width: 140px;
	font-size: 12px;
}

.index_section04 .fund_list section .fund_list_cell .border_btn:before {
	left: 15px;
}
.index_section04 .fund_list .fund_list_icon {
	padding: 0 0 0 67px;
	position: relative;
}
.index_section04 .fund_list .fund_list_icon:before {
	content: "";
	display: block;
	position: absolute;
	left: 4px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.index_section04 .fund_list .fund_list_icon.icon01:before {
	background: url(../images/top/ico_fund_list01.png) no-repeat 0 0;
	width: 48px;
	height: 30px;
}
.index_section04 .fund_list .fund_list_icon.icon02:before {
	background: url(../images/top/ico_fund_list02.png) no-repeat 0 0;
	width: 50px;
	height: 31px;
	left: 0;
}
.index_section04 .fund_list .fund_list_icon.icon03:before {
	background: url(../images/top/ico_fund_list03.png) no-repeat 0 0;
	width: 44px;
	height: 27px;
}
.index_section04 .fund_list .label {
	color: #fff;
	background-color: #63a4b8;
	text-align: center;
	display: inline-block;
	line-height: 20px;
	height: 20px;
	padding: 0 8px;
	margin-top: 8px;
	font-size: 12px;
	font-weight: normal;
}
/*----------------------------------------------------------
    下層
----------------------------------------------------------*/
.lazy_img {
	text-align: center;
	padding: 15px 0;
	opacity: 0;
	-webkit-transition: 1s ease-in-out;
	transition: 1s ease-in-out;
	width: 70%;
	margin:25px auto;
}
.lazy_img.inview {
	opacity: 1;
}
.lazy_img img {
	width: 100%;
}
.guide_section .section_body .lazy_img p.caption{
	font-size: 12px;
	margin: 0.8rem 0 0;
	text-indent: -2.2rem;
	padding-left: 2.2rem;
	text-align: left;
	line-height: 1.5;
}
.guide_section .section_body .lazy_img p.caption2{
	font-size: 12px;
	margin: 0.8rem 0 0;
	text-align: left;
	line-height: 1.5;
}
.basic_img {
	text-align: center;
	padding: 15px 0;
	display: block;
	overflow: hidden;
	width: 60%;
	margin:25px auto;
}
.basic_img img {
	width: 100%;
}

.index_disc {
	margin: 50px 0 0;
	border: solid 1px #ccc;
	padding: 12px 16px;
}
.index_disc p {
	font-size: 11px;
	margin-bottom: 0.5rem;
	line-height: 1.5;
}
.index_disc p:first-child {
	font-size: 13px;
	margin-bottom: 0.5rem;
}
/*----------------------------------------------------------
    解説ページ
----------------------------------------------------------*/
.guide_wrap .inner {
	width: 960px;
	overflow: hidden;
	padding: 0 0 56px;
}
#guide_main {
	width: 730px;
	float: left;
}

#guide_side {
	float: right;
	width: 200px;
}
#guide_side .side_nav {
	margin-bottom: 18px;
}
#guide_side .side_nav > ul > li {
	background: #cadbe6;
	padding-left: 4px;
	margin-bottom: 2px;
}
#guide_side .side_nav > ul > li:nth-child(4) {
	margin-bottom: 9px;
}
#guide_side .side_nav > ul > li h2 {
	color: #333;
	font-size: 13px;
	line-height: 14px;
	font-weight: bold;
	padding: 8px 0 8px 9px;
}
#guide_side .side_nav > ul > li h2 a {
	color: #333;
	text-decoration: none;
	display: inline-block;
	background: url(../images/common/icon_arrow02.png) no-repeat 2px 50%;
	padding: 0 0 0 16px;
	line-height: 2;
}
#guide_side .side_nav > ul > li h2 a:hover {
	text-decoration: underline;
}
#guide_side .side_nav > ul > li ul li {
	background: #edeff1;
	margin-bottom: 0;
}
#guide_side .side_nav > ul > li ul li a {
	display: block;
	padding: 10px 5px 10px 33px;
	background: url(../images/common/icon_arrow02.png) no-repeat 18px 50%;
	color: #333;
	font-size: 13px;
	line-height: 25px;
	text-decoration: none;
}
#guide_side .side_nav > ul > li ul li a:hover {
	text-decoration: underline;
}
#guide_side .side_nav > ul > li.current {
	background: #63a4b8;
}
#guide_side .side_nav > ul > li.current h2 {
	color: #fff;
}
#guide_side .side_nav > ul > li.current h2 a {
	color: #fff;
	text-decoration: none;
	display: inline-block;
	background: url(../images/common/icon_arrow01.png) no-repeat 2px 50%;
	padding: 0 0 0 16px;
}
#guide_side .side_nav > ul > li.current ul {
	background: #63a4b8;
}
#guide_side .side_nav > ul > li.current ul li {
	background: #89b8c6;
}
#guide_side .side_nav > ul > li.current ul li a {
	display: block;
	padding: 10px 5px 10px 33px;
	background: url(../images/common/icon_arrow01.png) no-repeat 18px 50%;
	color: #fff;
	font-size: 13px;
	text-decoration: none;
}
#guide_side .side_nav > ul > li.current ul li a:hover {
	text-decoration: underline;
}
#guide_side .side_nav > ul > li.current ul li.current a {
	pointer-events: none;
	color: #63a4b8;
	background: #89b8c6 url(../images/guide/common/bg_img02.png) no-repeat 7px 50%;
}
#guide_side .banner_btn {
	background-color: #fff;
	border: 2px solid #3b4885;
	border-bottom: 4px solid #3b4885;
	border-radius: 5px;
	display: table;
	width: 100%;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	margin-bottom: 15px;
}
#guide_side .banner_btn a {
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
	color: #1d2d7c;
	text-decoration: none;
	font-size: 18px;
	line-height: 1;
	position: relative;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
#guide_side .banner_btn a:after {
	content: "";
	display: block;
	background: url(../images/top/icon_sec2_arrow01.png) no-repeat 0 0;
	width: 9px;
	height: 9px;
	position: absolute;
	right: 2px;
	bottom: 2px;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
#guide_side .banner_btn:hover {
	background-color: #1d2d7c;
	border-color: #3b4885;
}
#guide_side .banner_btn:hover a {
	color: #fff;
}
#guide_side .banner_btn:hover a:after {
	background: url(../images/top/icon_sec2_arrow02.png) no-repeat 0 0;
}
#guide_side .banner_btn.banner1 {
	background-image: url(../images/top/icon_sec2_02.png);
	background-size: 43px auto;
	background-repeat: no-repeat;
	background-position: 14px 50%;
	height: 81px;
	margin-bottom: 15px;
}
#guide_side .banner_btn.banner1 a {

	padding: 0 0 0 69px;
}
#guide_side .banner_btn.banner1 a .label {
	display: inline-block;
	background: #d4111e;
	color: #fff;
	font-size: 10px;
	line-height: 17px;
	padding: 0 9px;
	font-weight: normal;
}
#guide_side .banner_btn.banner2 {
	position: relative;
	height: 106px;
	width: auto;
	margin: 0;
	display: block;
}
#guide_side .banner_btn.banner2:before {
	content: "";
	display: block;
	position: absolute;
	background: url(../images/guide/common/hdg_side_special.png) no-repeat 0 0;
	width: 127px;
	height: 28px;
	top: -7px;
	left: -7px;
	z-index: 0;
}
#guide_side .banner_btn.banner2:after {
	content: "";
	display: block;
	position: absolute;
	background: url(../images/guide/common/fig_side_special1.png) no-repeat 0 0;
	width: 38px;
	height: 54px;
	top: -11px;
	right: 3px;
	z-index: 0;
}
#guide_side .banner_btn.banner2 a {
	padding: 22px 0 0 22px;
	font-size: 15px;
	line-height: 21px;
	vertical-align: top;
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	height: 100%;
}
#guide_side .banner_btn.banner2 a span {
	font-size: 11px;
	display: block;
}
#guide_side .banner_btn.banner2 a:before {
	content: "";
	display: block;
	position: absolute;
	background: url(../images/guide/common/fig_side_special2.png) no-repeat 0 0;
	width: 19px;
	height: 51px;
	bottom: -7px;
	left: 2px;
	z-index: 0;
}
.page_header {
	background: #2677ab;
	margin-bottom: 39px;
}
.page_header_inner{
	width: 960px;
	margin: 0 auto;
	position: relative;
}
.page_header .page_title {
	width: 960px;
	margin: 0 auto;
	font-size: 38px;
	color: #fff;
	line-height: 100px;
	font-weight: bold;
	letter-spacing: 3px;
}
.page_header p {
	position: absolute;
	right: 0;
	top:0;
	display: block;
	width: 200px;
	height: 100px;
}
.page_header p img.spLogo {
	display: none;
}
.section_list {
	background: #89b8c6;
	position: relative;
	top: 11px;
	padding: 14px 25px;
	margin-bottom: 56px;
}
.section_list li {
	margin-bottom: 6px;
}
.section_list li:last-child {
	margin-bottom: 0;
}
.section_list li a {
	color: #fff;
	background: url(../images/guide/common/icon_arrow01.png) no-repeat 0 50%;
	padding: 0 0 0 22px;
	font-size: 15px;
	line-height: 26px;
}
.section_list:before {
	content: "";
	display: block;
	position: absolute;
	background: url(../images/guide/common/bg_arrow01.png) no-repeat 0 0;
	width: 32px;
	height: 11px;
	top: -11px;
	left: 21px;
}
.guide_section {
	padding-bottom: 40px;
}
.guide_section header {
	padding: 0 97px 10px 0;
	border-bottom: 4px solid #2677ab;
	position: relative;
	cursor: pointer;
	margin-bottom: 34px;
}
.guide_section header h3 {
	font-size: 32px;
	line-height: 1.3125;
	font-weight: bold;
}
.guide_section header:after {
	content: "";
	display: block;
	position: absolute;
	background: url(../images/guide/common/icon_plus.png) no-repeat 0 0;
	width: 50px;
	height: 50px;
	bottom: -4px;
	right: 0;
	z-index: 0;
}
.guide_section .section_body {
	display: none;
	padding-bottom: 60px;
}
.guide_section .section_body p {
	font-size: 14px;
	line-height: 1.8;
	margin-bottom: 1rem;
}
.guide_section .section_body .txt_style01 {
	font-size: 14px;
	line-height: 1.8;
	margin-bottom: 21px;
}
.guide_section .section_body h4 {
	font-weight: bold;
	position: relative;
	margin-bottom: 30px;
	font-size: 20px;
	line-height: 42px;
	padding: 5px 0;
}
.guide_section .section_body h4:before, .guide_section .section_body h4:after {
	content: "";
	display: block;
	position: absolute;
	height: 4px;
	bottom: 0;
	left: 0;
}
.guide_section .section_body h4:before {
	background: #e6e6e6;
	width: 100%;
}
.guide_section .section_body h4:after {
	background: #2677ab;
	width: 63.0137%;
}
.guide_section.open {
	padding-bottom: 0;
}
.guide_section.open header:after {
	background: url(../images/guide/common/icon_minus.png) no-repeat 0 0;
}
.guide_point_list {
	position: relative;
	padding: 16px;
	border: 4px solid #b8dae4;
	margin-bottom: 60px;
	margin-top: 70px;
}
.guide_point_list li {
	margin-bottom: 15px;
	padding: 4px 0 4px 39px;
	position: relative;
	counter-increment: count;
	font-size: 15px;
	line-height: 21px;
}
.guide_point_list li:last-child {
	margin-bottom: 0;
}
.guide_point_list li span {
	color: #d4111e;
	font-weight: bold;
}
.guide_point_list li:before {
	content: counter(count);
	display: block;
	width: 25px;
	height: 25px;
	font-weight: bold;
	font-size: 14px;
	line-height: 25px;
	background: #d1a617;
	color: #fff;
	border-radius: 13px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
}
.guide_point_list:before {
	content: "";
	display: block;
	position: absolute;
	background: url(../images/guide/common/hdg_point.png) no-repeat 0 0;
	width: 156px;
	height: 39px;
	top: -35px;
	left: 3px;
}
.guide_point_list li.add_li {
	padding: 0 0 0 30px;
	position: relative;
	font-size: 13px;
	line-height: 21px;
}
.guide_point_list li.add_li:before {
	content: "";
	background: none;
	font-size: 13px;
}

.guide_paging_nav {
	overflow: hidden;
	padding-bottom: 60px;
	border-bottom: 1px solid #c0c0c0;
	margin-bottom: 38px;
}
.guide_paging_nav .btn_label {
	font-size: 12px;
	line-height: 1;
	margin-bottom: 4px;
	color: #1d2d7c;
}
.guide_paging_nav .border_btn {
	width: auto;
	max-width: 300px;
}
.guide_paging_nav .border_btn:before {
	width: 7px;
	height: 11px;
}
.guide_paging_nav .backto_index_btn {
	margin-bottom: 34px;
}
.guide_paging_nav .backto_index_btn .border_btn {
	max-width: 600px;
	height: 60px;
	line-height: 56px;
	border-radius: 30px;
	font-size: 21px;
	font-weight: bold;
}
.guide_paging_nav .backto_index_btn .border_btn:before {
	background: url(../images/common/icon_arrow05.png) no-repeat 0 0;
}
.guide_paging_nav .backto_index_btn .border_btn:hover {
	border-color: #1d2d7c;
	color: #fff;
	background-color: #1d2d7c;
}
.guide_paging_nav .backto_index_btn .border_btn:hover:before {
	background: url(../images/common/icon_arrow06.png) no-repeat 0 0;
}
.guide_paging_nav .prev_btn {
	float: left;
	width: 50%;
}
.guide_paging_nav .prev_btn .btn_label {
	text-align: left;
}
.guide_paging_nav .prev_btn .border_btn {
	margin: 0 auto 0 0;
}
.guide_paging_nav .prev_btn .border_btn:before {
	background: url(../images/common/icon_arrow09.png) no-repeat 0 0;
	height: 7px;
	width: 5px;
	left: 15px;
}
.guide_paging_nav .prev_btn .border_btn:hover {
	border-color: #1d2d7c;
	color: #fff;
	background-color: #1d2d7c;
}
.guide_paging_nav .prev_btn .border_btn:hover:before {
	background: url(../images/common/icon_arrow10.png) no-repeat 0 0;
}
.guide_paging_nav .next_btn {
	float: right;
	width: 50%;
}
.guide_paging_nav .next_btn .btn_label {
	text-align: right;
}
.guide_paging_nav .next_btn .border_btn {
	margin: 0 0 0 auto;
}
.guide_paging_nav .next_btn .border_btn:before {
	background: url(../images/common/icon_arrow02.png) no-repeat 0 0;
	width: 4px;
	height: 7px;
	left: auto;
	right: 15px;
}
.guide_paging_nav .next_btn .border_btn:hover {
	border-color: #1d2d7c;
	color: #fff;
	background-color: #1d2d7c;
}
.guide_paging_nav .next_btn .border_btn:hover:before {
	background: url(../images/common/icon_arrow01.png) no-repeat 0 0;
}
.guide_related {
	position: relative;
	padding: 67px 22px 0 32px;
}
.guide_related li {
	margin-bottom: 9px;
}
.guide_related li:last-child {
	margin-bottom: 0;
}
.guide_related li a {
	color: #1d2d7c;
	background: url(../images/common/icon_arrow02.png) no-repeat 0 50%;
	padding: 0 0 0 15px;
	font-size: 16px;
	line-height: 26px;
}
.guide_related:before {
	content: "";
	display: block;
	position: absolute;
	background: url(../images/guide/common/hdg_related.png) no-repeat 0 0;
	width: 162px;
	height: 55px;
	top: 0;
	left: 6px;
}
.guide_related.border {
	border-top: 1px solid #bcbcbc;
	border-bottom: 1px solid #bcbcbc;
	padding: 107px 22px 36px 32px;
	margin-bottom: 40px;
}
.guide_related.border:before {
	top: 40px;
}

/*----------------------------------------------------------
【ETF】解説コンテンツ トップ
----------------------------------------------------------*/
.guide_top section {
	margin:0 auto 60px;
}
.guide_top .logo_etf {
	width: 50%;
	margin:0 auto 30px;
}
.guide_top .logo_etf img {
	width: 100%;
}
.guide_top p.description {
	font-size: 16px;
	line-height: 1.8;
	width: 100%;
	margin-bottom: 30px;
}
.guide_top .description span {
	font-weight: bold;
	color: #d4111e;
}
.guide_top .item_wrap {
	background: #e6e6e6;
	padding: 22px 64px;
	margin-top: 12px;
}
.guide_top p.item {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0.4rem;
	margin-left: 2%;
}
.guide_top ul.item_ul {
	width: 100%;
}
.guide_top ul.item_ul li {
	float: left;
	width: 46%;
	height: 80px;
	margin:0 2% 14px;
	font-size: 0 !important;
	line-height: 0;
	text-indent: -9999px !important;
}
.guide_top ul.item_ul li.item1 {
	background:#555353 url(../images/top/bg_sec1_01.png) no-repeat 50% 0;
}
.guide_top ul.item_ul li.item2 {
	background:#555353 url(../images/top/bg_sec1_02.png) no-repeat 50% 0;
}
.guide_top ul.item_ul li.item3 {
	background:#555353 url(../images/top/bg_sec1_03.png) no-repeat 50% 0;
}
.guide_top ul.item_ul li.item4 {
	background:#555353 url(../images/top/bg_sec1_04.png) no-repeat 50% 0;
}
.guide_top ul.item_ul li:nth-last-child(1), .index_section01 ul li:nth-last-child(2) {
	margin-bottom: 0;
}
.guide_top h2 {
	font-size: 28px;
	line-height: 1.3125;
	font-weight: bold;
	margin-bottom: 30px;
    padding: 0 0 20px;
    position: relative;
}
.guide_top h2:before,
.guide_top h2:after {
	content: "";
	display: block;
	position: absolute;
	height: 4px;
	bottom: 0;
	left: 0;
}
.guide_top h2:before {
	background: #e6e6e6;
	width: 100%;
}
.guide_top h2:after {
	background: #2677ab;
	width: 63.0137%;
}
.guide_top h2 span {
	font-size: 18px;
	color: #d4111e;
	margin: 0 0.5rem;
}
/*----------------------------------------------------------
【ETF】ファンド一覧
----------------------------------------------------------*/
.etf_fund header {
	margin-bottom: 50px;
    padding: 0 0 14px;
    position: relative;
}
.etf_fund header:before,
.etf_fund header:after {
	content: "";
	display: block;
	position: absolute;
	height: 4px;
	bottom: 0;
	left: 0;
}
.etf_fund header:before {
	background: #e6e6e6;
	width: 100%;
}
.etf_fund header:after {
	background: #2677ab;
	width: 60%;
}
.etf_fund h2 {
	width: 100%;
	height: 72px;
	font-size: 20px;
	font-weight: bold;
    position: relative;
	padding:0 223px 0 0 ;
	line-height: 72px;
}
.etf_fund h2:after {
	content: "";
	display: block;
	background: url(../images/common/logo_etf02.png) no-repeat 0 0;
	background-size: auto 70px;
	width: 208px;
	height: 70px;
	position: absolute;
	right: 0;
	bottom: 0;
}
.etf_fund .fund_list {
	width: 100%;
	display: table;
	border-collapse: collapse;
	border-spacing: 0;
}
.etf_fund .fund_list .fund_list_head {
	display: table-header-group;
}
.etf_fund .fund_list .fund_list_head section {
	border-bottom: 2px solid #999;
}
.etf_fund .fund_list .fund_list_head section .fund_list_cell {
	text-align: center;
	font-size: 12px;
	line-height: 1;
	padding: 0 0 16px;
	font-weight: bold;
}
.etf_fund .fund_list .fund_list_body {
	display: table-row-group;
}
.etf_fund .fund_list .fund_list_body section .fund_list_cell {
	font-weight: normal;
	font-size: 14px;
	line-height: 1.25;
}
.etf_fund .fund_list .fund_list_body section .fund_list_cell.cell1 {
	font-weight: bold;
	font-size: 16px;
	line-height: 1.25;
}
.etf_fund .fund_list .fund_list_body section .fund_list_cell.cell3 {
	padding-top: 34px;
	padding-bottom: 34px;
}
.etf_fund .fund_list section {
	display: table-row;
	border-bottom: 1px solid #999;
}
.etf_fund .fund_list section .fund_list_cell {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	padding: 20px 0 20px 20px;
	font-size: 16px;
	overflow: hidden;
}
.etf_fund .fund_list section .fund_list_cell.cell1 {
	width: 35.41667%;
	font-weight: bold;
}
.etf_fund .fund_list section .fund_list_cell.cell2 {
	width: 29.47917%;
}
.etf_fund .fund_list section .fund_list_cell.cell3 {
	width: 35.10417%;
}
.etf_fund .fund_list section .fund_list_cell .btn_wrap {
	width: 160px;
	margin: 0 auto 10px;
}
.etf_fund .fund_list section .fund_list_cell .border_btn {
	width: 160px;
	font-size: 12px;
}
.etf_fund .fund_list section .fund_list_cell .border_btn:before {
	left: 15px;
}
.etf_fund .fund_list .fund_list_icon {
	padding: 0 0 0 67px;
	position: relative;
}
.etf_fund .fund_list .fund_list_icon:before {
	content: "";
	display: block;
	position: absolute;
	left: 4px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.etf_fund .fund_list .fund_list_icon.icon01:before {
	background: url(../images/top/ico_fund_list01.png) no-repeat 0 0;
	width: 48px;
	height: 30px;
}
.etf_fund .fund_list .fund_list_icon.icon02:before {
	background: url(../images/top/ico_fund_list02.png) no-repeat 0 0;
	width: 50px;
	height: 31px;
	left: 0;
}
.etf_fund .fund_list .fund_list_icon.icon03:before {
	background: url(../images/top/ico_fund_list03.png) no-repeat 0 0;
	width: 44px;
	height: 27px;
}
.etf_fund .fund_list .label {
	color: #fff;
	background-color: #63a4b8;
	text-align: center;
	display: inline-block;
	line-height: 20px;
	height: 20px;
	padding: 0 8px;
	margin-top: 8px;
	font-size: 12px;
	font-weight: normal;
}
/*----------------------------------------------------------
【ETF】ファンド一覧-指数紹介
----------------------------------------------------------*/
.etf_fund_index .fund {
	border:  solid 4px #b8dae4;
	padding: 18px 24px;
	margin-top: 25px;
}
.etf_fund_index .fund p{
	margin-bottom: 10px;
}
.etf_fund_index .fund li{
	float: left;
}
.etf_fund_index .fund li:first-child{
	font-size: 18px;
	font-weight: bold;
	color: #1d2d7c;
	position: relative;
	padding: 0 0 0 30px;
	margin:8px 20px 0 0; 
}
.etf_fund_index .fund li:first-child:before{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 2px;
	background: url(../images/common/icon_circle.png) no-repeat 0 0;
	width: 14px;
	height: 14px;
}
.etf_fund_index .fund .border_btn {
	line-height: 30px;
	width: 190px;
	font-size: 12px;
}
.etf_fund_index .fund .border_btn:before {
	left: 16px;
}
/*----------------------------------------------------------
【ETF】用語集
----------------------------------------------------------*/
#etf_words_visual {
	background: #b0dbe6;
	position: relative;
	padding-bottom: 13px;
}
#etf_words_visual .inner {
	background: url(../images/etf_words/top/hdg_img01.png) no-repeat 100% -41px;
	height: 210px;
	padding: 54px 0 0;
	overflow: hidden;
}
#etf_words_visual .sub_title1 {
	color: #0d4b6d;
	font-size: 20px;
	line-height: 1;
	font-weight: bold;
	margin-bottom: 19px;
}
#etf_words_visual .sub_title2 {
	color: #0d4b6d;
	width: 130px;
	height: 40px;
	box-sizing: border-box;
	border: 1px solid #555555;
	text-align: center;
	font-size: 24px;
	line-height: 38px;
	font-weight: bold;
	float: left;
	position: relative;
	top: 7px;
	margin-right: 26px;
}
#etf_words_visual h3 {
	font-size: 50px;
	color: #0d4b6d;
	font-weight: bold;
	letter-spacing: 5px;
	line-height: 1;
	float: left;
}
#etf_words_visual:after {
	content: "";
	display: block;
	width: 100%;
	height: 13px;
	background-color: #6f5555;
	position: absolute;
	bottom: 0;
	left: 0;
}
.words_wrap {
	background-color: #edeff1;
}
.words_wrap .inner {
	padding: 44px 0 80px;
}
.words_index_list {
	margin-bottom: -15px;
}
.words_index_list ul {
	overflow: hidden;
	margin-bottom: 40px;
}
.words_index_list ul li {
	float: left;
	width: 14.58333%;
	margin-right: 1.875%;
	margin-bottom: 15px;
}
.words_index_list ul li a {
	width: 100%;
}
.words_index_list ul li a.border_btn:before {
	background-image: url(../images/common/icon_arrow11.png);
	width: 7px;
	height: 4px;
	left: 13px;
}
.words_index_list ul li a:hover.border_btn:before {
	background-image: url(../images/common/icon_arrow12.png);
}
.words_index_list ul li.nonlink {
	display: block;
	box-sizing: border-box;
	line-height: 38px;
	border: 1px solid #fff;
	border-radius: 20px;
	text-align: center;
	color: #666;
	text-decoration: none;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	font-size: 14px;
	position: relative;
	background: #ccc;
}
.words_index_list ul li.nonlink:before {
	content: "";
	display: block;
	background:#ccc url(../images/common/icon_arrow12.png) no-repeat 0 0;
	width: 7px;
	height: 4px;
	position: absolute;
	left: 13px;
	top: 0;
	bottom: 0;
	margin: auto;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.words_index_list ul li.nonlink:hover{
	color: #666;
}
.words_index_list ul li:nth-child(6) {
	clear: left;
}
.words_index_list ul li:nth-child(11) {
	float: right;
	margin-right: 0;
}
.words_section {
	background: #fff;
	overflow: hidden;
	position: relative;
	min-height: 167px;
	padding: 40px 0 40px 220px;
	margin-bottom: 13px;
}
.words_section:before {
	content: "";
	display: block;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 34px;
	left: 60px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
.words_section ul {
	margin-bottom: -14px;
	overflow: hidden;
}
.words_section ul li {
	max-width: 740px;
	font-size: 15px;
	line-height: 24px;
	margin-bottom: 14px;
	word-wrap: break-word;
	padding-right: 20px;
	padding: 5px 20px 5px 0;
	overflow: hidden;
}
.words_section ul li a {
	display: inline-block;
	padding: 0 0 0 20px;
	background: url(../images/common/icon_arrow05.png) no-repeat 0 7px;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-all;
}
.words_section#section01:before {
	background-image: url(../images/etf_words/top/hdg_img02.png);
}
.words_section#section02:before {
	background-image: url(../images/etf_words/top/hdg_img03.png);
}
.words_section#section03:before {
	background-image: url(../images/etf_words/top/hdg_img04.png);
}
.words_section#section04:before {
	background-image: url(../images/etf_words/top/hdg_img05.png);
}
.words_section#section05:before {
	background-image: url(../images/etf_words/top/hdg_img06.png);
}
.words_section#section06:before {
	background-image: url(../images/etf_words/top/hdg_img07.png);
}
.words_section#section07:before {
	background-image: url(../images/etf_words/top/hdg_img08.png);
}
.words_section#section08:before {
	background-image: url(../images/etf_words/top/hdg_img09.png);
}
.words_section#section09:before {
	background-image: url(../images/etf_words/top/hdg_img10.png);
}
.words_section#section10:before {
	background-image: url(../images/etf_words/top/hdg_img11.png);
}
.words_section#section11:before {
	background-image: url(../images/etf_words/top/hdg_img12.png);
}
.words_detail_wrap .inner {
	padding: 36px 0 80px;
}
.words_detail_wrap .basic_img {
	width: 50%;
}
.words_detail_wrap h3 {
	font-weight: bold;
	font-size: 32px;
	line-height: 42px;
	padding-bottom: 25px;
	border-bottom: 4px solid #2677ab;
	margin-bottom: 33px;
	position: relative;
}
.words_detail_wrap h3:after {
	content: "";
	display: block;
	position: absolute;
	background: url(../images/etf_words/common/bg_title_img01.png) no-repeat 0 0;
	width: 84px;
	height: 75px;
	right: 11px;
	bottom: -14px;
}
.words_detail_wrap .txt_style01 {
	font-size: 14px;
	line-height: 1.8;
	margin-bottom: 21px;
}
.words_detail_wrap .txt_style01 span {
	color: #d4111e;
	font-weight: bold;
}

.words_detail_wrap .words_section {
	background: #edeff1;
	position: relative;
	padding: 25px 26px 25px 195px;
	min-height: 108px;
	margin-bottom: 60px;
}
.words_detail_wrap .words_section h4 {
	display: block;
	position: absolute;
	background: url(../images/etf_words/common/bg_title_img01.png) no-repeat 50% 0;
	background-size: 51px auto;
	width: 190px;
	padding: 55px 0 0;
	top: 15px;
	left: 5px;
	text-align: center;
	color: #2677ab;
	font-weight: bold;
	font-size: 16px;
	line-height: 1;
}
.words_detail_wrap .words_section:before {
	display: none;
}
.words_detail_wrap .words_section ul {
	margin-bottom: -7px;
}
.words_detail_wrap .words_section ul li {
	max-width: none;
	margin-bottom: 7px;
	word-wrap: break-word;
	padding: 5px 15px 5px 0;
}
.words_detail_wrap .guide_paging_nav {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.words_detail_wrap .guide_paging_nav .next_btn {
	padding-bottom: 0;
}
.words_more_info {
	position: relative;
	padding: 18px 16px 17px;
	border: 4px solid #b8dae4;
	margin-bottom: 60px;
	margin-top: 75px;
}
.words_more_info h4 {
	font-size: 16px;
	font-weight: bold;
	color: #555;
	line-height: 1.8;
	margin-bottom: 12px;
	padding-bottom: 2px;
	border-bottom: solid 2px #ccc;
	letter-spacing: 0.05rem;
}
.words_more_info p {
	position: relative;
	font-size: 14px;
	line-height: 1.8;
	margin-bottom: 1rem;
}
.words_more_info p:last-of-type {
	margin-bottom: 0;
}
.words_more_info p span {
	color: #d4111e;
	font-weight: bold;
}
.words_more_info:before {
	content: "";
	display: block;
	position: absolute;
	background: url(../images/etf_words/common/hdg_more.png) no-repeat 0 0;
	width: 202px;
	height: 39px;
	top: -35px;
	left: 3px;
}


/*----------------------------------------------------------
【ETF】アンケートトップ
----------------------------------------------------------*/
#enquete_visual {
	background: #bdeaf3;
	height: 272px;
	position: relative;
}
#enquete_visual h3 {
	background: url(../images/enquete/top/hdg_01.png) no-repeat 50% 33px;
	background-size: contain;
	height: 239px;
	text-indent: -9999px !important;
}
#enquete_visual:before {
	content: "";
	display: block;
	background: url(../images/enquete/top/hdg_02.png) no-repeat 0 0;
	width: 377px;
	height: 119px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -58px;
	margin: 0 auto;
}
/* section01 */
.enquete_section01 {
	background-color: #eeecee;
}
.enquete_section01 .inner {
	padding: 76px 0 60px;
}
.enquete_section01 .description {
	text-align: center;
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 18px;
}
.enquete_section01 h3 {
	color: #ff4566;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	line-height: 1;
	margin-bottom: 35px;
}
.enquete_section01 h4 {
	font-weight: bold;
	font-size: 20px;
	line-height: 1.5;
	padding: 19px 20px 0 24px;
}
.enquete_section01 h4 span {
	color: #ff4566;
}
.enquete_section01 ul {
	overflow: hidden;
}
.enquete_section01 ul li {
	float: left;
	width: 31.77013%; /* 305px */
	height: 220px;
	position: relative;
	margin-right: 2.29166%; /* 22px */
	margin-bottom: 22px;
}
.enquete_section01 ul li:nth-child(4),
.enquete_section01 ul li:nth-child(5),
.enquete_section01 ul li:nth-child(6){
	margin-bottom: 0;
}
.enquete_section01 ul li a {
	display: block;
	color: #333;
	text-decoration: none;
	height: 220px;
}
.enquete_section01 ul li:nth-child(3n) {
	margin-right: 0;
}
.enquete_section01 ul li .list_inner {
	border: 3px solid #331613;
	box-sizing: border-box;
	height: 195px;
	background: #fff url(../images/enquete/top/bg_sec1.png) no-repeat 50% 172px;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.enquete_section01 ul li:hover .list_inner {
	border-color: #ff4566;
}
.enquete_section01 ul li .border_btn {
	max-width: 190px;
	position: relative;
	margin: auto;
	right: 0;
	left: 0;
	top: -22px;
	z-index: 5;
	border-width: 2px;
	line-height: 36px;
	font-size: 14px;
}
.enquete_section01 ul li .border_btn:before {
	left: 18px;
}
.enquete_section01 ul li a:hover .border_btn {
	border-color: #fff;
}
.enquete_section01 ul li a:before {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
}
.enquete_section01 ul li.item1 a:before {
	background: #fff url(../images/enquete/top/bg_sec2.png) no-repeat 0 0;
	width: 154px;
	height: 99px;
	left: 0;
	right: 0;
	bottom: 30px;
	margin: auto;
}
.enquete_section01 ul li.item2 a:before {
	background: #fff url(../images/enquete/top/bg_sec3.png) no-repeat 0 0;
	width: 167px;
	height: 104px;
	left: 0;
	right: 0;
	bottom: 32px;
	margin: auto;
}
.enquete_section01 ul li.item3 a:before {
	background: #fff url(../images/enquete/top/bg_sec4.png) no-repeat 0 0;
	width: 224px;
	height: 133px;
	left: 0;
	right: 0;
	bottom: 42px;
	margin: auto;
}
.enquete_section01 ul li.item4 a:before {
	background: #fff url(../images/enquete/top/bg_sec5.png) no-repeat 0 0;
	width: 106px;
	height: 79px;
	left: 0;
	right: 0;
	bottom: 52px;
	margin: auto;
}
.enquete_section01 ul li.item5 a:before {
	background: url(../images/enquete/top/bg_sec6.png) no-repeat 0 0;
	background-size: contain;
	width: 90%;
	max-width: 259px;
	height: 76px;
	left: 0;
	right: 0;
	bottom: 52px;
	margin: auto;
}
.enquete_section01 ul li.item6 a:before {
	background: #fff url(../images/enquete/top/bg_sec7.png) no-repeat 0 0;
	width: 219px;
	height: 100px;
	left: 0;
	right: 0;
	bottom: 48px;
	margin: auto;
}
/*----------------------------------------------------------
【ETF】アンケート 下層共通
----------------------------------------------------------*/
#enquete_visual.visual2 {
	background: #bdeaf3;
	height: 200px;
}
#enquete_visual.visual2 h3 {
	background: #bdeaf3 url(../images/enquete/common/hdg_01.png) no-repeat 50% 27px;
	background-size: contain;
	height: 200px;
}
#enquete_visual.visual2:before {
	display: none;
}
/* section02 */
.enquete_section02 {
	padding: 30px 0 32px;
}
.enquete_section02 ul {
	padding: 0 10px;
}
.enquete_section02 ul li {
	float: left;
	width: 31.25%;  /* 300px */
	height: 50px;
	position: relative;
	margin-right: 20px;
	text-align: center;
	border: 2px solid #333333;
	border-radius: 4px;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	display: table;
}
.enquete_section02 ul li:nth-child(3) {
	margin-right: 0;
}
.enquete_section02 ul li:nth-child(6) {
	margin-right: 0;
}
.enquete_section02 ul li:nth-child(4), .enquete_section02 ul li:nth-child(5), .enquete_section02 ul li:nth-child(6) {
	margin-top: 20px;
}
.enquete_section02 ul li a {
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	color: #333333;
	display: table-cell;
	vertical-align: middle;
	height: 46px;
	line-height: 1.5;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.enquete_section02 ul li:hover {
	background: #ff4566;
}
.enquete_section02 ul li:hover a {
	color: #fff;
}
.enquete_section02 ul li.current {
	border-color: #ff4566;
	background: #ff4566;
	position: relative;
	border-radius: 4px 4px 0 0;
}
.enquete_section02 ul li.current a {
	color: #fff;
	pointer-events: none;
}
.enquete_section02 ul li.current:after {
	content: "";
	display: block;
	height: 4px;
	width: 108%; /* 320px */
	position: absolute;
	bottom: 0;
	left: -4%; /* -12px */
	background: #ff4566;
}
/* section03 */
.enquete_section03 {
	background-color: #bdeaf3;
}
.enquete_section03 .inner {
	padding: 58px 0 62px;
}
.enquete_section03 h3 {
	font-size: 28px;
	line-height: 48px;
	font-weight: bold;
	position: relative;
	border-top: 2px solid #333333;
	border-bottom: 2px solid #333333;
	padding: 16px 0 16px 70px;
	margin-bottom: 50px;
}
.enquete_section03 h3:before {
	content: "Q";
	display: inline-block;
	font-size: 48px;
	line-height: 48px;
	position: absolute;
	left: 5px;
	top: 16px;
}
.enquete_section03 h4 {
	font-size: 24px;
	line-height: 40px;
	font-weight: bold;
	position: relative;
	text-align: center;
	margin-bottom: 40px;
	padding: 0;
	left: 0;
}
.enquete_section03 h4.margin2 {
	margin-bottom: 25px;
}
.enquete_section03 h4.margin3 {
	margin-bottom: 42px;
}
.enquete_section03 h4.margin3 {
	margin-bottom: 19px;
}
.enquete_section03 h4:before {
	content: "Q";
	display: inline-block;
	font-size: 40px;
	line-height: 40px;
	position: relative;
	top: 5px;
	margin-right: 15px;
}
.enquete_section03 h4 .multiple_ans {
	font-size: 20px;
	font-weight: normal;
}
/* .border_bottom */
.border_bottom {
	padding-bottom: 60px;
	border-bottom: 1px dashed #000;
	margin-bottom: 60px;
}
/* .point_area  */
.point_area {
	background: #d3f3fa url(../images/enquete/common/icon_eexclamation.png) no-repeat 34px 50%;
	padding: 17px 17px 17px 72px;
}
.point_area.height2 {
	padding: 29px 17px 29px 72px;
}
.point_area p {
	font-size: 16px;
	line-height: 1.625;
}
.point_area p .strong {
	color: #ff4566;
	font-weight: bold;
}
.point_area_add p {
	border-top: 1px dashed #000;
	padding-top: 22px;
	font-size: 16px;
}
.point_area_add p span {
	color: #fff;
	background: #333;
	text-align: center;
	line-height: 1;
	padding: 0.2rem 1.7rem;
	margin-right: 1.3rem;
}
.point_area_add p a {
	color: #333;
	background: url(../images/common/icon_arrow02.png) no-repeat 0 center;
	padding-left: 1rem;
	font-weight: bold;
}
/* .point_area2  */
.point_area2 {
	padding-top: 22px;
	font-size: 15px;
	line-height: 1.2;
	margin: 0 0 60px;
}
/* .point_area 番外編  */
.point_area_add {
	background: #d3f3fa;
	padding: 0 35px 22px;
	margin: 0;
}
/* .paging_nav  */
.paging_nav {
	overflow: hidden;
}
.paging_nav .btn_label {
	font-size: 12px;
	line-height: 1;
	margin-bottom: 4px;
}
.paging_nav .border_btn {
	width: auto;
	max-width: 330px;
}
.paging_nav .border_btn:before {
	width: 7px;
	height: 11px;
}
.paging_nav .backto_index_btn {
	margin-bottom: 34px;
}
.paging_nav .backto_index_btn .border_btn {
	max-width: 600px;
	height: 60px;
	line-height: 56px;
	border-radius: 30px;
	font-size: 21px;
	font-weight: bold;
	border-width: 2px;
}
.paging_nav .backto_index_btn .border_btn:before {
	background: url(../images/common/icon_arrow05.png) no-repeat 0 0;
}
.paging_nav .backto_index_btn .border_btn:hover {
	border-color: #1d2d7c;
	color: #fff;
	background-color: #1d2d7c;
}
.paging_nav .backto_index_btn .border_btn:hover:before {
	background: url(../images/common/icon_arrow06.png) no-repeat 0 0;
}
.paging_nav .prev_btn {
	float: left;
	width: 50%;
}
.paging_nav .prev_btn .btn_label {
	text-align: left;
}
.paging_nav .prev_btn .border_btn {
	border-width: 2px;
	line-height: 36px;
	margin: 0 auto 0 0;
}
.paging_nav .prev_btn .border_btn:before {
	background: url(../images/common/icon_arrow03.png) no-repeat 0 0;
}
.paging_nav .prev_btn .border_btn:hover {
	border-color: #1d2d7c;
	color: #fff;
	background-color: #1d2d7c;
}
.paging_nav .prev_btn .border_btn:hover:before {
	background: url(../images/common/icon_arrow04.png) no-repeat 0 0;
}
.paging_nav .next_btn {
	float: right;
	width: 50%;
}
.paging_nav .next_btn .btn_label {
	text-align: right;
}
.paging_nav .next_btn .border_btn {
	border-width: 2px;
	line-height: 36px;
	margin: 0 0 0 auto;
}
.paging_nav .next_btn .border_btn:before {
	background: url(../images/common/icon_arrow05.png) no-repeat 0 0;
	left: auto;
	right: 20px;
}
.paging_nav .next_btn .border_btn:hover {
	border-color: #1d2d7c;
	color: #fff;
	background-color: #1d2d7c;
}
.paging_nav .next_btn .border_btn:hover:before {
	background: url(../images/common/icon_arrow06.png) no-repeat 0 0;
}

/*----------------------------------------------------------
【ETF】アンケート who
----------------------------------------------------------*/
.etf-who .box_wrap1 {
	margin: 0 auto 60px;
}
.maleBox, .femaleBox {
	width: 44.5833%;
	height: 430px;
	display: inline-block;
	margin: 0 2.5%;
	vertical-align: top;
	opacity: 0;
	margin-top:100px;
}
.maleBox.view, .femaleBox.view {
	-webkit-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	opacity: 1;
	margin-top: 0px;
}
.maleBox {
	background: #fff url(../images/enquete/who/icon_male.png) no-repeat center bottom;
	background-size: auto 146px;
}
.femaleBox {
	background: #fff url(../images/enquete/who/icon_female.png) no-repeat center bottom;
	background-size: auto 146px;
}
.maleBox p:first-child, .femaleBox p:first-child {
	text-align: center;
	padding: 0.3rem;
	color: #fff;
	font-size: 16px;
}
.maleBox p:first-child {
	background: #c586c1;
}
.femaleBox p:first-child {
	background: #ff8197;
}
.etf-who .box_wrap1 dl {
	padding: 1.5rem;
	width: 100%;
}
.etf-who .box_wrap1 dl dt {
	display: block;
	width: 30%;
	clear: left;
	float: left;
}
.etf-who .box_wrap1 dl dd {
	display: block;
	width: 70%;
	float: left;
	font-weight: bold;
}
.etf-who .box_wrap1 dl dt {
	padding-top: 0.5rem;
}
.etf-who .box_wrap1 dl:first-of-type dd:first-of-type span {
	font-size: 20px;
}
.maleBox dl:first-of-type dd:first-of-type, .maleBox dl dd tr:first-of-type td {
	color: #a15f9d;
	font-size: 32px;
}
.femaleBox dl:first-of-type dd:first-of-type, .femaleBox dl dd tr:first-of-type td {
	color: #ff4566;
	font-size: 32px;
}
.etf-who .box_wrap1 dl dd table {
	width: 100%;
}
.etf-who .box_wrap1 dl dd td {
	vertical-align: middle;
	padding: 0 0 1rem 0;
	font-size: 16px;
}
.etf-who .box_wrap1 dl dd td:last-of-type {
	font-weight: normal;
	text-align: right;
}
.etf-who .box_wrap1 dl dd tr:first-of-type td:last-of-type {
	font-weight: bold;
	font-size: 22px;
}
.etf-who .box_wrap1 dl dd tr:last-of-type td {
	font-weight: normal;
	font-size: 13px;
}
/*******************
 グラフ1
*******************/
.etf-who .img_wrap1 {
	position: relative;
	margin-bottom: 65px;
}
.etf-who .img_wrap1 .head,
.etf-who .img_wrap2 .head {
	font-weight: bold;
	font-size: 24px;
	text-align: center;
	margin-bottom: 22px;
}
.etf-who .img_wrap1 .img_area_wrap {
	width: 860px;
	height: auto;
	margin: auto;
}
.etf-who .img_area0 {
	width: 100%;
	font-size: 0 !important;
	line-height: 0;
	text-indent: -9999px !important;
	-webkit-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	opacity: 0;
	background: url(../images/enquete/who/img1_fig01.png) no-repeat 0 191px;
	background-size: 860px auto;
	height: 191px;
}
.etf-who .img_area0.view {
	opacity: 1;
	background-position: 0 0;
}
/*******************
 グラフ2
*******************/
.etf-who .img_wrap2 {
	position: relative;
	margin-bottom: 40px;
}
.etf-who .img_wrap2 .img_area_wrap {
	width: 89.583%;
	height: auto;
	margin: auto;
}
.etf-who .img_area1 {
	width: 100%;
	font-size: 0 !important;
	line-height: 0;
	text-indent: -9999px !important;
	-webkit-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	opacity: 0;
	background: url(../images/enquete/who/img2_fig01.png) no-repeat 0 182px;
	background-size: 860px auto;
	height: 182px;
}
.etf-who .img_area1.view,
.etf-who .img_area2.view{
	opacity: 1;
	background-position: 0 0;
}

.etf-who .img_area2 {
	width: 100%;
	font-size: 0 !important;
	line-height: 0;
	text-indent: -9999px !important;
	-webkit-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	opacity: 0;
	background: url(../images/enquete/who/img2_fig02.png) no-repeat 0 55px;
	background-size: 860px auto;
	height: 55px;
	margin-top: 15px;
}
/*******************
mottoBox
*******************/
.mottoBox {
	background: #eeecee;
}
.mottoBox .inner {
	padding-top: 0;
	padding-bottom: 22px;
}
.mottoBox .inner h4 {
	margin-bottom: 30px;
}
.mottoBox .box_wrap {
	margin-bottom: 30px;
}
.motto_title {
	color: #fff;
	background: #333;
	text-align: center;
	font-size: 17px;
	width: 158px;
	margin: 0 auto 15px;
	padding: 0.3rem 0 0.2rem;
}
.mottoBox .leftBox {
	width: 46.875%; /* 450px */
	float: left;
}
.mottoBox p.label {
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 18px;
}
.mottoBox p.label .multiple_ans {
	font-size: 16px;
	font-weight: normal;
}
.font_red {
	color: #ff4566;
}
.mottoBox .leftBox p.data {
	background: url(../images/enquete/who/img3_fig01.png) no-repeat 0 0;
	width: 100%; /* 450px */
	height: 175px;
	text-indent: -9999px;
	margin-top: 58px;
}
.mottoBox .rightBox {
	width: 52.9166%; /* 508px */
	float: right;
	position: relative;
}
.enquete_section03 .inner_bottom {
	padding-top: 0;
}
/*******************
 グラフ3
*******************/
/* img_area */
.etf-who .img_wrap3 .img_area_wrap {
	width: 52.9166%; /* 508px */
	height: auto;
	margin: auto;
}
.etf-who .img_area3 {
	background: url(../images/enquete/who/img3_fig03_01.png) no-repeat 50% 100%;
	width: 100%; /* 508px */
	height: 257px;
	margin: 0 auto;
	position: relative;
}
.etf-who .img_area3 .graph {
	display: block;
	background: url(../images/enquete/who/img3_fig03_02.png) no-repeat 0 0;
	width: 0;
	height: 219px;
	z-index: 0;
	position: absolute;
	top: 6px;
	left: 166px;
	font-size: 0 !important;
	line-height: 0;
	text-indent: -9999px !important;
	-webkit-transition: 2s ease-in-out;
	transition: 2s ease-in-out;
}
.etf-who .img_area3 .graph.view {
	width: 285px;
}
.etf-who .img_wrap3 .img3_fig03_03 {
	position: absolute;
	top: 150px;
	left: -72px;
}
.etf-who .mottoBox p:last-of-type {
	font-size: 14.5px;
}


/*----------------------------------------------------------
【ETF】アンケート why
----------------------------------------------------------*/
/*******************
 グラフ1
*******************/
.etf-why .img_wrap1 {
	position: relative;
	margin-bottom: 30px;
	background: url(../images/enquete/why/img1_bg.png) no-repeat center 36px;
	background-size: 378px auto;
}
.etf-why .img_wrap1 ul {
	width: 100%;
	height: 419px;
	position: relative;
}
.etf-why .img_wrap1 ul li {
	display: block;
	width: 100%;
	font-size: 0 !important;
	line-height: 0;
	text-indent: -9999px !important;
	-webkit-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	opacity: 0;
	height: 235px;
	position: absolute;
}
.etf-why .img_wrap1 ul .li01 {
	background: url(../images/enquete/why/img1_fig01.png) no-repeat 0 250px;
	background-size: 235px auto;
	top: 0;
	left: 166px;
}
.etf-why .img_wrap1 ul .li02 {
	background: url(../images/enquete/why/img1_fig02.png) no-repeat 0 250px;
	background-size: 189px auto; 
	top: 4px;
	left: 607px;
}
.etf-why .img_wrap1 ul .li03 {
	background: url(../images/enquete/why/img1_fig03.png) no-repeat 0 250px;
	background-size: 180px auto; 
	top: 229px;
	left: 711px;
}
.etf-why .img_wrap1 ul .li04 {
	background: url(../images/enquete/why/img1_fig04.png) no-repeat 0 250px;
	background-size: 145px auto;  
	top: 135px;
	left: 0;
}
.etf-why .img_wrap1 ul .li05 {
	background: url(../images/enquete/why/img1_fig05.png) no-repeat 0 250px;
	background-size: 135px auto;
	top: 72px;
	left: 822px;
}
.etf-why .img_wrap1 ul .li06 {
	background: url(../images/enquete/why/img1_fig06.png) no-repeat 0 250px;
	background-size: 114px auto;
	top: 305px;
	left: 141px;
}
.etf-why .img_wrap1 ul li.view {
	opacity: 1;
	background-position: 0 0;
}
/*******************
 グラフ2
*******************/
.etf-why .img_wrap2 {
	position: relative;
	margin-bottom: 40px;
	background: url(../images/enquete/why/img2_bg.png) no-repeat center bottom;
	background-size: 960px auto;
}
.etf-why .img_wrap2 ul {
	width: 100%;
	height: 360px;
	position: relative;
}
.etf-why .img_wrap2 ul li {
	display: block;
	width: 100%;
	font-size: 0 !important;
	line-height: 0;
	text-indent: -9999px !important;
	-webkit-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	opacity: 0;
	height: 235px;
	position: absolute;
}
.etf-why .img_wrap2 ul .li01 {
	background: url(../images/enquete/why/img2_fig01.png) no-repeat 0 200px;
	background-size: 327px auto;
	top: 0;
	left: 0;
}
.etf-why .img_wrap2 ul .li02 {
	background: url(../images/enquete/why/img2_fig02.png) no-repeat 0 200px;
	background-size: 245px auto; 
	top: 22px;
	left: 375px;
	z-index: 2;
}
.etf-why .img_wrap2 ul .li03 {
	background: url(../images/enquete/why/img2_fig03.png) no-repeat 0 200px;
	background-size: 230px auto; 
	top: 19px;
	left: 667px;
	z-index: 2;
}
.etf-why .img_wrap2 ul .li04 {
	background: url(../images/enquete/why/img2_fig04.png) no-repeat 0 200px;
	background-size: 188px auto;  
	top: 144px;
	left: 482px;
	z-index: 1;
}
.etf-why .img_wrap2 ul .li05 {
	background: url(../images/enquete/why/img2_fig05.png) no-repeat 0 200px;
	background-size: 188px auto; 
	top: 135px;
	left: 766px;
	z-index: 1;
}
.etf-why .img_wrap2 ul li.view {
	opacity: 1;
	background-position: 0 0;
}

/*----------------------------------------------------------
【ETF】アンケート attraction
----------------------------------------------------------*/
/*******************
 グラフ1
*******************/
.etf-attraction .img_wrap1 {
	position: relative;
	background:url(../images/enquete/attraction/img1_bg.png) no-repeat 0 0;
	background-size: auto 454px;
	padding-left: 330px;
	height: 454px;
}
.etf-attraction .img_wrap1 dl {
	width: 630px;
	position: relative;
	margin-bottom: 2rem;
}
.etf-attraction .img_wrap1 dl dt {
	display: block;
	width: 540px;
	clear: left;
	float: left;
	-webkit-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	opacity: 0;
	height: auto;
	position: relative;
	padding:10px 0 0 90px;
}
.etf-attraction .img_wrap1 dl dt.view {
	opacity: 1;
}

.etf-attraction .img_wrap1 dl dd {
	display: block;
	width: 90px;
	float: left;
	font-weight: bold;
	text-align: right;
}
.etf-attraction .img_wrap1 dl dd span {
	margin-left: 0.3rem;
	font-size: 16px;
}
.etf-attraction .img_wrap1 dl.dl01 {
	font-size: 23px;
	font-weight: bold;
}
.etf-attraction .img_wrap1 dl.dl01 dt span {
	font-size: 37px;
	color: #ff4566;
}
.etf-attraction .img_wrap1 dl.dl01 dd {
	padding-top: 20px;
}

.etf-attraction .img_wrap1 dl.dl02,
.etf-attraction .img_wrap1 dl.dl03{
	font-size: 20px;
	font-weight: bold;
}
.etf-attraction .img_wrap1 dl.dl02 dt span,
.etf-attraction .img_wrap1 dl.dl03 dt span {
	font-size: 30px;
	color: #ff4566;
}
.etf-attraction .img_wrap1 dl.dl02 dd,
.etf-attraction .img_wrap1 dl.dl03 dd{
	padding-top: 16px;
}
.etf-attraction .img_wrap1 dl.dl04{
	font-size: 14px;
}
.etf-attraction .img_wrap1 dl.dl04 dt{
	margin-bottom: 0.6rem;
}
.etf-attraction .img_wrap1 dl.dl04 dt span{
	font-size: 20px;
	font-weight: bold;
	margin: 0 0.1rem;
}
.etf-attraction .img_wrap1 dl.dl04 dd{
	padding-top: 14px;
	margin-bottom: 0.6rem;
	font-size: 14px;
	font-weight: normal;
}
.etf-attraction .img_wrap1 dl.dl04 dd span {
	font-size: 14px;
}
.etf-attraction .img_wrap1 dt:before {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
}
.etf-attraction .img_wrap1 .dl01 dt:before {
	width: 58px;
	height: 51px;
	background: url(../images/enquete/attraction/img1_fig01_01.png) no-repeat 0 0;
	background-size: 58px 51px;
	top: 0;
	left: 0;
}
.etf-attraction .img_wrap1 .dl02 dt:before {
	width: 49px;
	height: 43px;
	background: url(../images/enquete/attraction/img1_fig01_02.png) no-repeat 0 0;
	background-size: 49px 43px;
	top: 0;
	left: 4px;
}
.etf-attraction .img_wrap1 .dl03 dt:before {
	width: 40px;
	height: 35px;
	background: url(../images/enquete/attraction/img1_fig01_03.png) no-repeat 0 0;
	background-size: 40px 35px;
	top: 4px;
	left: 9px;
}
.etf-attraction .img_wrap1 .dl04 dt:before {
	top: 12px;
	left: 20px;
}
.etf-attraction .img_wrap1 dl .dt04:before {
	width: 26px;
	height: 16px;
	background: url(../images/enquete/attraction/img1_fig01_04.png) no-repeat 0 0;
	background-size: 26px 16px;
}
.etf-attraction .img_wrap1 dl .dt05:before {
	width: 26px;
	height: 16px;
	background: url(../images/enquete/attraction/img1_fig01_05.png) no-repeat 0 0;
	background-size: 26px 16px;
}
.etf-attraction .img_wrap1 dl .dt06:before {
	width: 26px;
	height: 17px;
	background: url(../images/enquete/attraction/img1_fig01_06.png) no-repeat 0 0;
	background-size: 26px 17px;
}
.etf-attraction .img_wrap1 dl .dt07:before {
	width: 26px;
	height: 16px;
	background: url(../images/enquete/attraction/img1_fig01_07.png) no-repeat 0 0;
	background-size: 26px 16px;
}
.etf-attraction .img_wrap1 dl .dt08:before {
	width: 26px;
	height: 16px;
	background: url(../images/enquete/attraction/img1_fig01_08.png) no-repeat 0 0;
	background-size: 26px 16px;
}
.etf-attraction .img_wrap1 dl.view {
	opacity: 1;
}
/*******************
 グラフ2
*******************/
.etf-attraction .mottoBox .leftBox {
	width: 320px;
}

.etf-attraction .mottoBox .leftBox p.data {
	background: url(../images/enquete/attraction/img2_fig01.png) no-repeat 0 0;
	background-size: 242px auto;
	width: 300px;
	height: 172px;
	text-indent: -9999px;
	margin-top: 40px;
	margin-left: 70px;
}
.etf-attraction .mottoBox .rightBox {
	width: 462px;
	float: right;
	position: relative;
	font-size: 12px;
	margin-right: 60px;
}
.etf-attraction .img_wrap2 {
	position: relative;
}
/* 円グラフ */
.etf-attraction .img_area0 {
	width: 462px;
	height: 280px;
	position: relative;
	margin-bottom: 10px;
}
.etf-attraction .img_area0:before {
	-webkit-transition: 1s ease-in-out;
	transition: 1s ease-in-out;
	content: "";
	display: block;
	position: absolute;
	left: 105px;
	top: 40px;
	width: 234px;
	height: 234px;
	z-index: 0;
	background: url(../images/enquete/attraction/img2_fig03_01.png) no-repeat 0 0;
	opacity: 0;
}
.etf-attraction .img_area0:after {
	-webkit-transition: 1s ease-in-out;
	transition: 1s ease-in-out;
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
	background: url(../images/enquete/attraction/img2_fig02.png) no-repeat 0 0;
	width: 462px;
	height: 258px;
	opacity: 0;
}
.etf-attraction .img_area0.view1:before {
	opacity: 1;
}
.etf-attraction .img_area0.view2:after {
	opacity: 1;
}
.etf-attraction .img_area0 .chart1,
.etf-attraction .img_area0 .chart2,
.etf-attraction .img_area0 .chart3,
.etf-attraction .img_area0 .chart4,
.etf-attraction .img_area0 .chart5 {
	position: absolute;
	left: 105px;
	top: 40px;
	width: 234px;
	height: 234px;
	-webkit-transition: 1s ease-in-out;
	transition: 1s ease-in-out;
	opacity: 0;
	z-index: 1;
	font-size: 0 !important;
	line-height: 0;
	text-indent: -9999px !important;
}
.etf-attraction .img_area0 .chart1.view,
.etf-attraction .img_area0 .chart2.view,
.etf-attraction .img_area0 .chart3.view,
.etf-attraction .img_area0 .chart4.view,
.etf-attraction .img_area0 .chart5.view {
	opacity: 1;
}
.etf-attraction .img_area0 .chart1 {
	background: url(../images/enquete/attraction/img2_fig03_02.png) no-repeat 0 0;
}
.etf-attraction .img_area0 .chart2 {
	background: url(../images/enquete/attraction/img2_fig03_03.png) no-repeat 0 0;
}
.etf-attraction .img_area0 .chart3 {
	background: url(../images/enquete/attraction/img2_fig03_04.png) no-repeat 0 0;
}
.etf-attraction .img_area0 .chart4 {
	background: url(../images/enquete/attraction/img2_fig03_05.png) no-repeat 0 0;
}
.etf-attraction .img_area0 .chart5 {
	background: url(../images/enquete/attraction/img2_fig03_06.png) no-repeat 0 0;
}
.etf-attraction .mottoBox .box_wrap {
	margin-bottom: 0;
}


/*----------------------------------------------------------
【ETF】アンケート what
----------------------------------------------------------*/
/*******************
 グラフ1
*******************/
.etf-what .img_wrap1 {
	position: relative;
	background:url(../images/enquete/what/img1_bg.png) no-repeat 0 0;
	background-size: auto 378px;
	height: 500px;
}
.etf-what .img_wrap1 ul {
	width: 100%;
	height: 453px;
	position: relative;
	background: url(../images/enquete/what/img1_fig01.png) no-repeat center 0;
	background-size: 120px auto;
}
.etf-what .img_wrap1 ul li {
	display: block;
	width: 100%;
	font-size: 0 !important;
	line-height: 0;
	text-indent: -9999px !important;
	-webkit-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	opacity: 0;
	height: 235px;
	position: absolute;
}
.etf-what .img_wrap1 ul .li01 {
	background: url(../images/enquete/what/img1_fig03_01.png) no-repeat 0 120px;
	background-size: 739px auto;
	top: 143px;
	left: 140px;
}
.etf-what .img_wrap1 ul .li02 {
	background: url(../images/enquete/what/img1_fig03_02.png) no-repeat 0 120px;
	background-size: 705px auto; 
	top: 243px;
	left: 134px;
}
.etf-what .img_wrap1 ul .li03 {
	background: url(../images/enquete/what/img1_fig03_03.png) no-repeat 0 120px;
	background-size: 689px auto; 
	top: 307px;
	left: 178px;
}
.etf-what .img_wrap1 ul .li04 {
	background: url(../images/enquete/what/img1_fig03_04.png) no-repeat 0 120px;
	background-size: 656px auto;  
	top: 361px;
	left: 165px;
}
.etf-what .img_wrap1 ul .li05 {
	background: url(../images/enquete/what/img1_fig03_05.png) no-repeat 0 120px;
	background-size: 658px auto;
	top: 413px;
	left: 195px;
}
.etf-what .img_wrap1 ul li.view {
	opacity: 1;
	background-position: 0 0;
}
/*******************
 グラフ2
*******************/
.etf-what .img_wrap2 {
	width: 876px;
	height: 422px;
	margin: 0 auto;
	position: relative;
}
.etf-what .img_area2 {
	background: url(../images/enquete/what/img2_bg.png) no-repeat center bottom;
	background-size: 875px auto;
	width: 875px;
	height: 422px;
	margin: 0 auto;
	position: relative;
}
.etf-what .img_area2 .graph {
	display: block;
	background: url(../images/enquete/what/img2_fig01.png) no-repeat 0 280px;
	background-size: 842px 275px;
	width: 0;
	height: 275px;
	z-index: 0;
	position: absolute;
	top: 0;
	left: 10px;
	font-size: 0 !important;
	line-height: 0;
	text-indent: -9999px !important;
	-webkit-transition: 1s ease-in-out;
	transition: 1s ease-in-out;
}
.etf-what .img_area2 .graph.view {
	width: 842px;
	background-position: 0 0;
}
.etf-what .img_wrap2 .point_area {
	display: block;
	width: 460px;
	height: 0;
	z-index: 0;
	position: absolute;
	top: 0;
	right: 0;
	-webkit-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	margin-top: 100px;
	opacity: 0;
}
.etf-what .img_wrap2 .point_area.view {
	height: 85px;
	opacity: 1;
	margin-top: 0;
}
/*******************
 グラフ3
*******************/
.etf-what .box_wrap1 {
	margin-bottom: 40px;
}
.etf-what .box_wrap1 .leftBox {
	width: 50%;
	float: left;
}
.etf-what .box_wrap1 .rightBox {
	width: 50%;
	float: right;
}
/* 円グラフ */
.etf-what .img_area3 {
	width: 420px;
	height: 293px;
	margin: auto;
	position: relative;
}
.etf-what .img_area3:before {
	-webkit-transition: 1s ease-in-out;
	transition: 1s ease-in-out;
	content: "";
	display: block;
	position: absolute;
	left: 102px;
	top: 77px;
	width: 216px;
	height: 216px;
	z-index: 0;
	background: url(../images/enquete/what/img3_fig02.png) no-repeat 0 0;
	opacity: 0;
}
.etf-what .img_area3:after {
	-webkit-transition: 1s ease-in-out;
	transition: 1s ease-in-out;
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
	background: url(../images/enquete/what/img3_fig01.png) no-repeat 0 0;
	width: 420px;
	height: 291px;
	opacity: 0;
}
.etf-what .img_area3.view1:before {
	opacity: 1;
}
.etf-what .img_area3.view2:after {
	opacity: 1;
}
.etf-what .img_area3 .chart1,
.etf-what .img_area3 .chart2,
.etf-what .img_area3 .chart3,
.etf-what .img_area3 .chart4 {
	position: absolute;
	left: 102px;
	top: 77px;
	width: 216px;
	height: 216px;
	-webkit-transition: 1s ease-in-out;
	transition: 1s ease-in-out;
	opacity: 0;
	z-index: 1;
	font-size: 0 !important;
	line-height: 0;
	text-indent: -9999px !important;
}
.etf-what .img_area3 .chart1.view,
.etf-what .img_area3 .chart2.view,
.etf-what .img_area3 .chart3.view,
.etf-what .img_area3 .chart4.view {
	opacity: 1;
}
.etf-what .img_area3 .chart1 {
	background: url(../images/enquete/what/img3_fig03.png) no-repeat 0 0;
}
.etf-what .img_area3 .chart2 {
	background: url(../images/enquete/what/img3_fig04.png) no-repeat 0 0;
}
.etf-what .img_area3 .chart3 {
	background: url(../images/enquete/what/img3_fig05.png) no-repeat 0 0;
}
.etf-what .img_area3 .chart4 {
	background: url(../images/enquete/what/img3_fig06.png) no-repeat 0 0;
}
/*******************
 グラフ4
*******************/
/* 棒グラフ */
.etf-what .img_wrap4 {
	width: 434px;
	height: 336px;
	margin: 0 auto;
}
.etf-what .img_area4 {
	background: url(../images/enquete/what/img4_fig01.png) no-repeat 0 0;
	background-size: 404px auto;
	width: 404px;
	height: 336px;
	margin: 0 auto;
	position: relative;
}
.etf-what .img_area4 .graph {
	display: block;
	background: url(../images/enquete/what/img4_fig02.png) no-repeat 0 300px;
	background-size: 229px 300px;
	width: 229px;
	height: 300px;
	z-index: 0;
	position: absolute;
	top: 29px;
	left: 110px;
	font-size: 0 !important;
	line-height: 0;
	text-indent: -9999px !important;
	-webkit-transition: 1.3s ease-in-out;
	transition: 1.3s ease-in-out;
}
.etf-what .img_area4 .graph.view {
	height: 300px;
	background: url(../images/enquete/what/img4_fig02.png) no-repeat 0 0;
}


/*----------------------------------------------------------
【ETF】アンケート how
----------------------------------------------------------*/
/*******************
 グラフ1（横棒グラフ）
*******************/
.etf-how .img_wrap1 {
	margin-bottom: 40px;
}
.etf-how .img_area1 {
	background: url(../images/enquete/how/img1_fig01.png) no-repeat 0 4px;
	width: 929px;
	height: 355px;
	margin: 0 auto;
	position: relative;
}
.etf-how .img_area1 .graph {
	display: block;
	background: url(../images/enquete/how/img1_fig02.png) no-repeat 0 0;
	width: 0;
	height: 312px;
	z-index: 0;
	position: absolute;
	top: 0;
	left: 255px;
	font-size: 0 !important;
	line-height: 0;
	text-indent: -9999px !important;
	-webkit-transition: 2s ease-in-out;
	transition: 2s ease-in-out;
}
.etf-how .img_area1 .graph.view {
	width: 627px;
}
.etf-how .img_area1 .data1,
.etf-how .img_area1 .data2{
	display: block;
	width: 0;
	z-index: 0;
	position: absolute;
	font-size: 0 !important;
	line-height: 0;
	text-indent: -9999px !important;
	-webkit-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	margin-top: 100px;
	opacity: 0;
}
.etf-how .img_area1 .data1 {
	background: url(../images/enquete/how/img1_fig02_01.png) no-repeat 0 0;
	height: 83px;
	top: 62px;
	left: 613px;
}
.etf-how .img_area1 .data1.view {
	width: 269px;
	opacity: 1;
	margin-top: 0;
}
.etf-how .img_area1 .data2 {
	background: url(../images/enquete/how/img1_fig02_02.png) no-repeat 0 0;
	height: 63px;
	top: 246px;
	left: 387px;
}
.etf-how .img_area1 .data2.view {
	width: 205px;
	opacity: 1;
	margin-top: 0;
}
/*******************
 グラフ2（円グラフ）
*******************/
.etf-how .img_area2 {
	width: 750px;
	height: 328px;
	position: relative;
	margin:0 0 40px 169px;
}
.etf-how .img_area2:before {
	-webkit-transition: 1s ease-in-out;
	transition: 1s ease-in-out;
	content: "";
	display: block;
	position: absolute;
	left: 132px;
	top: 23px;
	width: 282px;
	height: 282px;
	z-index: 0;
	background: url(../images/enquete/how/img2_fig2.png) no-repeat 0 0;
	opacity: 0;
}
.etf-how .img_area2:after {
	-webkit-transition: 1s ease-in-out;
	transition: 1s ease-in-out;
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
	background: url(../images/enquete/how/img2_fig01.png) no-repeat 0 0;
	width: 509px;
	height: 328px;
	opacity: 0;
}
.etf-how .img_area2.view1:before {
	opacity: 1;
}
.etf-how .img_area2.view2:after {
	opacity: 1;
}
.etf-how .img_area2 .chart1,
.etf-how .img_area2 .chart2,
.etf-how .img_area2 .chart3,
.etf-how .img_area2 .chart4,
.etf-how .img_area2 .chart5,
.etf-how .img_area2 .chart6 {
	position: absolute;
	left: 132px;
	top: 23px;
	width: 282px;
	height: 282px;
	-webkit-transition: 1s ease-in-out;
	transition: 1s ease-in-out;
	opacity: 0;
	z-index: 1;
	font-size: 0 !important;
	line-height: 0;
	text-indent: -9999px !important;
}
.etf-how .img_area2 .chart1.view,
.etf-how .img_area2 .chart2.view,
.etf-how .img_area2 .chart3.view,
.etf-how .img_area2 .chart4.view,
.etf-how .img_area2 .chart5.view,
.etf-how .img_area2 .chart6.view {
	opacity: 1;
}
.etf-how .img_area2 .chart1 {
	background: url(../images/enquete/how/img2_fig3.png) no-repeat 0 0;
}
.etf-how .img_area2 .chart2 {
	background: url(../images/enquete/how/img2_fig4.png) no-repeat 0 0;
}
.etf-how .img_area2 .chart3 {
	background: url(../images/enquete/how/img2_fig5.png) no-repeat 0 0;
}
.etf-how .img_area2 .chart4 {
	background: url(../images/enquete/how/img2_fig6.png) no-repeat 0 0;
}
.etf-how .img_area2 .chart5 {
	background: url(../images/enquete/how/img2_fig7.png) no-repeat 0 0;
}
.etf-how .img_area2 .chart6 {
	background: url(../images/enquete/how/img2_fig8.png) no-repeat 0 0;
}
.etf-how .img_area2 .data {
	width: 303px;
	height: 108px;
	position: absolute;
	left: 448px;
	top: 111px;
	z-index: 5;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	opacity: 0;
	font-size: 0 !important;
	line-height: 0;
	text-indent: -9999px !important;
	background: url(../images/enquete/how/img2_fig9.png) no-repeat 50% 108px;
	background-size: 303px 108px;
}
.etf-how .img_area2 .data.view {
	opacity: 1;
	background-position: 0 0;
}
/*******************
 グラフ3（縦棒グラフ）
*******************/
.etf-how .img_wrap3 {
	width: 469px;
	height: 283px;
	margin: 0 auto 40px;
}
.etf-how .img_area3 {
	background: url(../images/enquete/how/img3_fig01.png) no-repeat 0 0;
	background-size: 469px auto;
	width: 469px;
	height: 283px;
	margin: 0 auto;
	position: relative;
}
.etf-how .img_area3 .graph {
	display: block;
	background: url(../images/enquete/how/img3_fig02.png) no-repeat 0 300px;
	background-size: 405px 208px;
	width: 0;
	height: 208px;
	z-index: 0;
	position: absolute;
	top: 9px;
	left: 50px;
	font-size: 0 !important;
	line-height: 0;
	text-indent: -9999px !important;
	-webkit-transition: 1.5s ease-in-out;
	transition: 1.5s ease-in-out;
}
.etf-how .img_area3 .graph.view {
	width: 405px;
	background-position: 0 0;
}


/*----------------------------------------------------------
【ETF】アンケート style
----------------------------------------------------------*/
/*******************
 グラフ1
*******************/
.etf-style .img_wrap1 {
	position: relative;
	margin-bottom: 40px;
}
.etf-style .img_info_wrap {
	position: absolute;
	top: 0;
	width: 100%;
}
.etf-style .img_info_wrap .label {
	font-size: 16px;
	line-height: 1.3125;
	font-weight: bold;
	text-align: center;
}
.etf-style .img_info_wrap .label span {
	color: #ff4566;
}
.etf-style .img_info_wrap .label span.nonbold {
	color: #333;
}
.etf-style .img_info1, .etf-style .img_info2, .etf-style .img_info3 {
	width: 30.10416%;
	height: 133px;
	float: left;
	position: relative;
	margin-right: 4.8%;
	background: #fff;
	border-radius: 14px;
}
.etf-style .img_info3 {
	margin-right: 0;
}
.etf-style .img_info1:before, .etf-style .img_info2:before, .etf-style .img_info3:before {
	content: "";
	position: absolute;
	bottom: -20px;
	left: 20px;
	border: 0;
	border-right-width: 30px;
	border-bottom-width: 20px;
	border-style: solid;
	border-color: transparent #fff;
	display: block;
	width: 0;
}
.etf-style .img_info1:after, .etf-style .img_info2:after, .etf-style .img_info3:after {
	content: "";
	position: absolute;
	bottom: -20px;
	left: 40px;
	border: 0;
	border-right-width: 10px;
	border-bottom-width: 20px;
	border-style: solid;
	border-color: transparent #BDEAF3;
	display: block;
	width: 0;
}
.etf-style .img_wrap1 .img_txt {
	height: 100%;
	padding: 0 0 0 7%;
	text-align: center;
	position: relative;
}
.etf-style .img_info1 .img_txt:before, .etf-style .img_info2 .img_txt:before, .etf-style .img_info3 .img_txt:before {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	width: 31px;
	height: 100px;
}
.etf-style .img_info1 .img_txt:before {
	background: url(../images/enquete/style/img1_fig01_01.png) no-repeat 0 29px;
}
.etf-style .img_info2 .img_txt:before {
	background: url(../images/enquete/style/img1_fig01_02.png) no-repeat 0 29px;
}
.etf-style .img_info3 .img_txt:before {
	background: url(../images/enquete/style/img1_fig01_03.png) no-repeat 0 29px;
}
.etf-style .img_info1 .label, .etf-style .img_info2 .label, .etf-style .img_info3 .label {
	position: relative;
	padding-left: 8%;
}
.etf-style .img_info1 .label {
	padding-top: 32px;
}
.etf-style .img_info2 .label {
	padding-top: 26px;
	text-indent: 6px;
}
.etf-style .img_info3 .label {
	text-align: left;
	padding-top: 26px;
	padding-left: 14%;
	text-indent: 6px;
}
.etf-style .img_info_wrap .value {
	position: absolute;
	top: 75px;
	font-size: 0 !important;
	line-height: 0;
	text-indent: -9999px !important;
}
.etf-style .img_info1 .value, .etf-style .img_info2 .value, .etf-style .img_info3 .value {
	width: 100%;
	font-size: 0 !important;
	line-height: 0;
	text-indent: -9999px !important;
	-webkit-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	height: 0;
	opacity: 1;
}
.etf-style .img_info1 .value.view, .etf-style .img_info2 .value.view, .etf-style .img_info3 .value.view {
	opacity: 1;
}
.etf-style .img_info1 .value {
	background: url(../images/enquete/style/img1_data01_01.png) no-repeat 0 -31px;
	width: 64px;
	height: 31px;
	left: 46%;
}
.etf-style .img_info2 .value {
	background: url(../images/enquete/style/img1_data01_02.png) no-repeat 0 -31px;
	width: 64px;
	height: 31px;
	left: 46%;
}
.etf-style .img_info3 .value {
	background: url(../images/enquete/style/img1_data01_03.png) no-repeat 0 -31px;
	width: 42px;
	height: 31px;
	left: 50%;
}
.etf-style .img_info1 .value.view {
	background-position: 0 0;
}
.etf-style .img_info2 .value.view {
	background-position: 0 0;
}
.etf-style .img_info3 .value.view {
	background-position: 0 0;
}
/* img_area */
.etf-style .img_area_wrap {
	width: 100%;
	height: auto;
	padding-top: 168px;
}
.etf-style .img_area0, .etf-style .img_area1, .etf-style .img_area2 {
	width: 100%;
	font-size: 0 !important;
	line-height: 0;
	text-indent: -9999px !important;
	-webkit-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	height: 0;
	opacity: 0;
	margin-bottom: 6px;
}
.etf-style .img_area0.view, .etf-style .img_area1.view, .etf-style .img_area2.view {
	opacity: 1;
}
.etf-style .img_area0 {
	background: url(../images/enquete/style/img1_fig02_01.png) no-repeat 0 -37px;
	background-size: contain;
	height: 50px;
}
.etf-style .img_area0.view {
	background-position: 0 0;
}
.etf-style .img_area1 {
	background: url(../images/enquete/style/img1_fig02_02.png) no-repeat 0 -38px;
	background-size: contain;
	height: 50px;
}
.etf-style .img_area1.view {
	background-position: 0 0;
}
.etf-style .img_area2 {
	background: url(../images/enquete/style/img1_fig02_03.png) no-repeat 0 -38px;
	background-size: contain;
	height: 50px;
}
.etf-style .img_area2.view {
	background-position: 0 0;
}
/*******************
 グラフ2（横棒グラフ）
*******************/
.etf-style .img_wrap2 {
	width: 588px;
	height: 315px;
	margin: 0 auto 40px;
	position: relative;
}
.etf-style .img_area3 {
	background: url(../images/enquete/style/img2_fig01.png) no-repeat 50% 100%;
	width: 588px;
	height: 315px;
	position: relative;
}
.etf-style .img_area3 .graph {
	display: block;
	background: url(../images/enquete/style/img2_fig02.png) no-repeat 0 0;
	width: 0;
	height: 250px;
	z-index: 0;
	position: absolute;
	top: 24px;
	left: 171px;
	font-size: 0 !important;
	line-height: 0;
	text-indent: -9999px !important;
	-webkit-transition: 2s ease-in-out;
	transition: 2s ease-in-out;
}
.etf-style .img_area3 .graph.view {
	width: 317px;
}
/*******************
 グラフ3（横棒グラフ）
*******************/
.etf-style .img_wrap3 {
	height: 459px;
	background: url(../images/enquete/style/bg_sec3_01.png) no-repeat center bottom;
	background-size: auto 130px;
}
.etf-style .img_area4 {
	background: url(../images/enquete/style/img3_fig01.png) no-repeat 50% 100%;
	width: 701px;
	height: 316px;
	margin: 0 auto;
	position: relative;
}
.etf-style .img_area4 .graph {
	display: block;
	background: url(../images/enquete/style/img3_fig02.png) no-repeat 0 0;
	width: 0;
	height: 254px;
	z-index: 0;
	position: absolute;
	top: 32px;
	left: 220px;
	font-size: 0 !important;
	line-height: 0;
	text-indent: -9999px !important;
	-webkit-transition: 2s ease-in-out;
	transition: 2s ease-in-out;
}
.etf-style .img_area4 .graph.view {
	width: 380px;
}
.etf-style .img_area4 .rank1, .etf-style .img_area4 .rank2, .etf-style .img_area4 .rank3 {
	width: 58px;
	height: 51px;
	position: absolute;
	left: 362px;
	top: 0;
	z-index: 5;
	-webkit-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	opacity: 0;
}
.etf-style .img_area4 .rank1.view, .etf-style .img_area4 .rank2.view, .etf-style .img_area4 .rank3.view {
	opacity: 1;
}
.etf-style .img_area4 .rank3 {
	font-size: 0 !important;
	line-height: 0;
	text-indent: -9999px !important;
	background: url(../images/enquete/common/rank03.png) no-repeat 0 0;
	background-size: 58px 51px;
	left: 362px;
	top: 0;
}
.etf-style .img_area4 .rank2 {
	font-size: 0 !important;
	line-height: 0;
	text-indent: -9999px !important;
	background: url(../images/enquete/common/rank02.png) no-repeat 0 0;
	background-size: 58px 51px;
	left: 439px;
	top: 109px;
}
.etf-style .img_area4 .rank1 {
	font-size: 0 !important;
	line-height: 0;
	text-indent: -9999px !important;
	background: url(../images/enquete/common/rank01.png) no-repeat 0 0;
	background-size: 58px 51px;
	left: 563px;
	top: 151px;
}
/*----------------------------------------------------------
【ETF】サイトマップ
----------------------------------------------------------*/
.sitemap_wrap{
	padding-bottom: 28px;
}
.sitemap_wrap .sitemap_ul li{
	font-size: 18px;
	font-weight: bold;
	color: #1d2d7c;
	position: relative;
	padding: 0 0 0 30px;
	margin:0 0 40px 0; 
	line-height: 1.4;
}
.sitemap_wrap .sitemap_ul li.icon01:before{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 5px;
	background: url(../images/common/icon_circle.png) no-repeat 0 0;
	width: 14px;
	height: 14px;
}
.sitemap_wrap .sitemap_ul li.icon02:before{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 5px;
	background: url(../images/common/icon_circle_red.png) no-repeat 0 0;
	width: 14px;
	height: 14px;
}
.sitemap_wrap .sitemap_ul li div{
	margin-top: 16px;
}
.sitemap_wrap .sitemap_ul li div ul{
	display: inline-block;
	width: 23%;
	margin-right: 2%;
	vertical-align: top;
}
.sitemap_wrap .sitemap_ul li div ul:last-child{
	margin-right: 0;
}
.sitemap_wrap .sitemap_ul li ul li{
	font-size: 15px;
	margin-left: 18px;
	margin-bottom: 10px;
	padding: 0 0 0 20px;
	position: relative;
}
.sitemap_wrap .sitemap_ul li ul li:last-of-type{
	margin-bottom: 0;
}
.sitemap_wrap .sitemap_ul li ul li:before{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 4px;
	background: url(../images/common/icon_arrow05.png) no-repeat 0 0;
	width: 14px;
	height: 14px;
}
.sitemap_wrap .sitemap_ul li div ul li:first-of-type:before{
	background-image:none;
}
.sitemap_wrap .sitemap_ul li div ul li:first-of-type{
	background:#CADBE6;
	padding: 0.5rem 0.8rem 0.3rem;
	margin-left: 0;
	color: #333;
	font-size: 14px;
	margin:0 0 10px 0; 
}
.sitemap_wrap .sitemap_ul li ul li:first-child:before{
	background: url(../images/common/icon_arrow05.png) no-repeat 0 0;
}
.sitemap_wrap .sitemap_ul li.icon01:last-of-type ul{
	margin-top: 20px;
}
.sitemap_wrap .sitemap_ul li.icon01:nth-of-type(3) ul{
	margin-top: 10px;
}