@charset "UTF-8";

/*=================================================

 ETF

=================================================== */
/*----------------------------------------------------------
【ETF】共通
----------------------------------------------------------*/
@media only screen and (min-width: 768px) {
	.etf {
		background-color: transparent;
	}
}
/*******************
 #etfnavi_wrap
*******************/
@media only screen and (min-width: 768px) and (max-width: 960px) {
	#etfnavi_wrap .global_navi > li.navi01{
		width: 26%;
	}
	#etfnavi_wrap .global_navi > li.navi02 {
		width: 12%;
	}
	#etfnavi_wrap .global_navi > li.navi03 {
		width: 13%;
	}
	#etfnavi_wrap .global_navi > li.navi04 {
		width: 13%;
	}
	#etfnavi_wrap .global_navi > li.navi05 {
		width: 20%;
	}
	#etfnavi_wrap .global_navi > li.navi07 {
		width: 14%;
	}
}

@media only screen and (min-width: 0) and (max-width: 767px) {
	#etfnavi_wrap {
		position: absolute;
		width: 100%;
		min-height: 60px;
		padding-top: 6px;
		z-index: 200;
		background: #004FAB;
	}
	#etfnavi_wrap .js-slidedata {
		position: static;
	}
	#etfnavi_wrap .js-slidedata.sp_slidedata {
		display: none;
	}
	#etfnavi_wrap h3:first-of-type {
		margin: 0 10px;
		padding: 18px 15px 18px 26px;
		border-radius: 3px;
		background: url(../images/common/bg_global_navi_slidedown.png) no-repeat 15px center #111;
		background-size: 11px 6px;
		text-align: center;
		color: #fff;
	}
	#etfnavi_wrap h3:first-of-type.open {
		background-image: url(../images/common/bg_global_navi_slideup.png);
	}
	#etfnavi_wrap .global_navi {
		margin: 5px 0 15px;
	}
	#etfnavi_wrap .global_navi > li {
		float: none;
		width: 100% !important;
		margin-top: 2px;
	}
	#etfnavi_wrap .global_navi > li a {
		padding: 18px 15px;
		color: #111;
		text-align: left;
		text-decoration: none;
	}
	#etfnavi_wrap .global_navi > li > a {
		display: block;
		position: relative;
		border-radius: 3px;
		background-color: #e6e6e6;
	}
	#etfnavi_wrap .global_navi > li > a:before {
		display: block;
		position: absolute;
		top: 50%;
		right: 21px;
		margin-top: -11px;
		content: url(../images/common/bg_link.png);
		zoom: .5;
	}
	#etfnavi_wrap .global_navi > li > a.sp_slidemenu {
		padding-left: 40px;
		background-position: 15px center;
	}
	#etfnavi_wrap .global_navi > li > a.sp_slidemenu:before {
		content: "";
	}
	#etfnavi_wrap .global_navi > li > a.sp_slidemenu.open {
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
	#etfnavi_wrap .global_navi > li > a:hover,
	#etfnavi_wrap .global_navi > li > a.current {
		background-color: #bfbfbf;
	}
	#etfnavi_wrap .global_navi > li.navi07,
	#etfnavi_wrap .global_navi > li.navi08{
		border-radius: 3px;
		background-color: #e6e6e6;
	}
	#etfnavi_wrap .global_navi > li.navi07 > a,
	#etfnavi_wrap .global_navi > li.navi08 > a{
		margin: 0;
		padding: 18px 15px 18px 10px;
		background-color: #e6e6e6;
	}
	#etfnavi_wrap .global_navi > li.navi07 > a:hover,
	#etfnavi_wrap .global_navi > li.navi08 > a:hover{
		background-color: #e6e6e6;
	}
	#etfnavi_wrap .global_navi > li.navi08 {
		display:inline-block;
	}
	#etfnavi_wrap .global_navi > li.navi07 a:hover,
	#etfnavi_wrap .global_navi > li.navi07 a.current,
	#etfnavi_wrap .global_navi > li.navi08 a:hover,
	#etfnavi_wrap .global_navi > li.navi08 a.current{
		background-color: #bfbfbf;
	}

}
/*******************
 共通パーツ
*******************/
@media only screen and (min-width: 0px) and (max-width: 767px) {
	.etf .pc_hide {
		display: block;
	}
	.etf .sp_hide {
		display: none;
	}
	.etf .sp_slidemenu {
		background-image: url(../images/common/bg_slidedown.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 15px 15px;
	}
	.etf .sp_slidemenu.open {
		background-image: url(../images/common/bg_slideup.png);
	}
	.etf .sp_sub_menu {
		padding: 0 15px;
		background: #fff;
	}
	.etf .sp_sub_menu > li:not(:last-of-type) {
		border-bottom: solid 1px #c5c5c5;
	}
	.etf .sp_sub_menu a {
		display: block;
		position: relative;
		padding-right: 6px;
		padding-left: 0;
	}
	.etf .sp_sub_menu a:before {
		display: block;
		position: absolute;
		top: 50%;
		right: 0;
		margin-top: -11px;
		content: url(../images/common/bg_link.png);
		zoom: .5;
	}
	.etf .sp_sub_menu a:hover, .etf .sp_sub_menu a.current {
		background-color: #fff !important;
	}
	
	.footer_document_link .inner {
		padding-top: 0;
	}
	.footer_document_link .document_link {
		border-top: solid 1px #b2b2b2;
	}
	.footer_document_link .document_link > li {
		display: block;
		float: none;
		width: 100%;
		padding-right: 0;
		padding-left: 0;
		border-left: none;
		text-align: left;
	}
	.footer_document_link .document_link > li:not(:last-of-type) {
		border-bottom: solid 1px #b2b2b2;
	}
	.footer_document_link .document_link > li a {
		padding-right: 15px;
		padding-left: 15px;
		border-top: none;
		border-right: none;
	}
	.footer_document_link .document_link > li:first-child a {
		padding-left: 15px;
	}
	.footer_document_link .document_link > li a span {
		background-image: none;
	}
	.footer_document_link .document_link .sp_slidemenu {
		padding-left: 40px;
		background-position: 15px center;
	}
	.footer_document_link .user_link {
		margin-top: 0;
	}
	.footer_document_link .notes {
		padding: 10px;
	}
	#container {
		padding-top: 60px;
	}
}

/*----------------------------------------------------------
【ETF】追加
----------------------------------------------------------*/
@media only screen and (min-width: 0px) and (max-width: 767px) {
	.hide_sp {
		display: none !important;
	}
	.hide_pc {
		display: block;
	}
	section .inner {
		width: auto;
		margin: 0 10px;
	}
	.border_btn {
		display: block;
		box-sizing: border-box;
		margin: 0 auto;
		line-height: 38px;
		width: 95%;
		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;
		width: 4px;
		height: 7px;
		position: absolute;
		left: 20px;
		top: 0;
		bottom: 0;
		margin: auto;
	}
	.border_btn.color2 {
		border-color: #1d2d7c;
		color: #1d2d7c;
		background-color: #fff;
	}
	.breadcrumb ul {
		font-size: 0;
		overflow: hidden;
		padding: 11px 0 10px;
	}
	.breadcrumb ul li {
		display: inline;
		font-size: 12px;
		line-height: 1.30769;
	}
	.breadcrumb ul li a {
		color: #1d2d7c;
	}
	.footer_navi {
		background: url(../images/common/bg_footer_nav_sp.png) repeat-x 50% 100%;
		background-size: 375px auto;
		height: 290px;
		text-align: center;
		padding: 44px 0 0;
		font-size: 0;
	}
	.footer_navi .border_btn {
		display: inline-block;
		max-width: 39.73333%;
		margin: 0;
		font-size: 12px;
	}
	.footer_navi .border_btn:before {
		left: 20px;
	}
	.footer_navi .border_btn.btn_left {
		margin-right: 9.33333%;
	}
}

@media only screen and (min-width: 0px) and (max-width: 374px) {
	.footer_navi .border_btn:before {
		left: 10%;
	}
}

/*----------------------------------------------------------
   トップ
----------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	/*******************
	 #main_visual
	*******************/
	#main_visual {
		background: #2677ab;
		height: auto;
	}
	.main_visual_inner {
		position: relative;
		width: 750px;
		height: auto;
		margin: 0 auto;
	}
	#main_visual h3 img {
		display: block;
		width: 750px;
		height: auto;
		margin: 0 auto;
	}
	#main_visual p {
		position: absolute;
		right: 20px;
		top:0;
	}
	#main_visual p a {
		background: url(../images/top/hdg_02_sp.png) no-repeat 50% 0;
		background-size: contain;
		width: 390px;
		height: 180px;
	}
	#main_visual p a:hover {
		background: url(../images/top/hdg_02_sp_on.png) no-repeat 50% 0;
		background-size: contain;
	}
	/*******************
	 .index_section01
	*******************/
	.index_section01 .inner {
		position: relative;
		height: 170px;
	}
	.index_section01 .description {
		width: 46%;
	}
	.index_section01 ul {
		width: 50%;
	}
	.index_section01 ul li {
		width: 48%;
		height: 84px;
		margin:0 1% 10px;
	}
	.index_section01 ul li.item1 {
		background: #555353 url(../images/top/bg_sec1_01_sp.png) no-repeat 50% 50%;
		background-size: 174px auto;
	}
	.index_section01 ul li.item2 {
		background: #555353 url(../images/top/bg_sec1_02_sp.png) no-repeat 50% 50%;
		background-size: 174px auto;
	}
	.index_section01 ul li.item3 {
		background: #555353 url(../images/top/bg_sec1_03_sp.png) no-repeat 50% 50%;
		background-size: 174px auto;
	}
	.index_section01 ul li.item4 {
		background: #555353 url(../images/top/bg_sec1_04_sp.png) no-repeat 50% 50%;
		background-size: 174px auto;
	}
	/*******************
	 .index_section02
	*******************/
	.index_section02 .inner {
		position: relative;
		height: auto;
		padding: 44px 0 0;
		margin: 0;
	}
	.index_section02 h3 {
		margin:0 20px 35px;
	}
	.index_section02 ul {
		width: 84%;
		margin:0 auto 40px;
	}
	.index_section02 .sub_section {
		background-position: 100% 100%;
		width: 100%;
		height: 280px;
		position:static;
	}
	.index_section02 .sub_section h4 {
		width: 266px;
		height: 117px;
		position: relative;
		margin: 0 20px 2px;
		top: -9px;
	}
	/*******************
	 .index_section03
	*******************/
	.index_section03 .sub_section {
		width: 100%;
	}
	.index_section03 .sub_section:after {
		background-size: 220px auto;
		width: 226px;
		height: 229px;
	}
	/*******************
	 .index_section04
	*******************/
	.index_section04 .inner {
		width: auto;
	}
	.index_section04 .fund_list {
		width: 100%;
		margin: auto;
	}
	.index_section04 .fund_list section .fund_list_cell .btn_wrap {
		float: none;
		width: auto;
		margin:0 0 10px;
	}
	.index_section04 .fund_list section .fund_list_cell .border_btn {
		float: none;
		width: 140px;
	}
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
	/*******************
	 #main_visual
	*******************/
	#main_visual {
		background: #2677ab;
		height: auto;
	}
	#main_visual h3 img {
		display: block;
		width: 100%;
		height: auto;
	}
	.main_visual_inner {
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
	#main_visual p {
		position: absolute;
		width: 52%;
		height: 100%;
		right: 2.66666%;
		top:0;
	}
	#main_visual p a {
		background: url(../images/top/hdg_02_sp.png) no-repeat 50% 0;
		background-size: contain;
		width: 100%;
		height: 100%;
	}
	#main_visual p a:hover {
		background: url(../images/top/hdg_02_sp_on.png) no-repeat 50% 0;
		background-size: contain;
	}
	/*******************
	 .index_section01
	*******************/
	.index_section01 {
		padding: 46px 0 59px;
	}
	.index_section01 .inner {
		position: relative;
		height: auto;
	}
	.index_section01 h3 {
		font-size: 27px;
		line-height: 1.11111;
		margin-bottom: 30px;
	}
	.index_section01 .description {
		font-size: 16px;
		line-height: 1.5;
		width: auto;
		margin-bottom: 36px;
	}
	.index_section01 ul {
		width: 356px;
		position: relative;
		right: 0;
		top: 0;
		height: 132px;
		margin: 0 auto;
	}
	.index_section01 ul li {
		width: 174px;
		height: 62px;
		margin-right: 7px;
		margin-bottom: 7px;
	}
	.index_section01 ul li.item1 {
		background: #555353 url(../images/top/bg_sec1_01_sp.png) no-repeat 50% 50%;
		background-size: 174px auto;
	}
	.index_section01 ul li.item2 {
		background: #555353 url(../images/top/bg_sec1_02_sp.png) no-repeat 50% 50%;
		background-size: 174px auto;
	}
	.index_section01 ul li.item3 {
		background: #555353 url(../images/top/bg_sec1_03_sp.png) no-repeat 50% 50%;
		background-size: 174px auto;
	}
	.index_section01 ul li.item4 {
		background: #555353 url(../images/top/bg_sec1_04_sp.png) no-repeat 50% 50%;
		background-size: 174px auto;
	}
	.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
	*******************/
	.index_section02 {
		background: #63a4b8;
	}
	.index_section02 .inner {
		position: relative;
		height: auto;
		padding: 38px 0 0;
	}
	.index_section02 h3 {
		color: #fff;
		font-size: 27px;
		line-height: 1;
		font-weight: bold;
		margin-bottom: 40px;
		text-align: center;
	}
	.index_section02 ul {
		width: auto;
		margin: 0;
	}
	.index_section02 ul li {
		background-color: #fff;
		border: 2px solid #3b4885;
		border-bottom: 4px solid #3b4885;
		border-radius: 5px;
		display: table;
		width: 100%;
		height: 87px;
		float: none;
		margin-right: 0;
		margin-bottom: 18px;
	}
	.index_section02 ul li a {
		display: table-cell;
		vertical-align: middle;
		font-weight: bold;
		color: #1d2d7c;
		padding: 0 0 0 100px;
		text-decoration: none;
		font-size: 21px;
		line-height: 28.6px;
		position: relative;
	}
	.index_section02 ul li a:after {
		content: "";
		display: block;
		width: 9px;
		height: 9px;
		position: absolute;
		right: 2px;
		bottom: 2px;
	}
	.index_section02 ul li a span {
		display: inline-block;
		background: #d4111e;
		color: #fff;
		font-size: 12px;
		line-height: 21px;
		padding: 0 6px;
	}
	.index_section02 ul li.single a {
		line-height: 1;
	}
	.index_section02 ul li:nth-child(even) {
		margin-right: 0;
	}
	.index_section02 ul li:nth-last-child(1) {
		margin-bottom: 0;
	}
	.index_section02 ul li:nth-last-child(2) {
		margin-bottom: 18px;
	}
	.index_section02 ul.contents_ul li {
		min-height: 120px;
	}
	.index_section02 ul.contents_ul li a {
		padding: 12px 8px;
	}
	.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{
		width: 32px;
		height: 26px;
		top: 12px;
		left: 7px;
		border: none;
		background:url(../images/top/icon_sec2_01_sp.png) no-repeat 0 0;
		background-size: 32px auto;
	}
	.index_section02 ul.contents_ul li a p {
		padding: 0 0 0 40px;
		font-weight: normal;
		font-size: 13px;
	}
	.index_section02 ul.contents_ul li a p:first-of-type {
		font-size: 20px;
	}
	.index_section02 ul.contents_ul li a p.border_btn {
		margin: 8px auto 0;
	}
	.index_section02 .sub_section {
		background: #b0dbe6 url(../images/top/bg_sec2_sp.png) no-repeat 100% calc(100% - 3px);
		background-size: 128px auto;
		width: auto;
		height: auto;
		position: relative;
		right: 0;
		top: 0;
		margin: 60px -10px 0;
		padding: 0 0 90px;
	}
	.index_section02 .sub_section:after {
		content: "";
		display: block;
		position: absolute;
		height: 3px;
		width: 100%;
		bottom: 0;
		left: 0;
		background: #6f5555;
	}
	.index_section02 .sub_section h4 {
		background: url(../images/top/hdg_sec2_sp.png) no-repeat 0 0;
		background-size: 268px auto;
		width: 268px;
		height: 118px;
		top: -21px;
		margin: 0 auto -8px;
	}
	.index_section02 .sub_section ul {
		width: auto;
		margin: 0 10px;
	}
	.index_section02 .sub_section ul li {
		width: 100%;
		background-image: url(../images/top/icon_sec2_02_sp.png);
		background-repeat: no-repeat;
		background-position: 23px 50%;
		background-size: 49px auto;
	}
	.index_section02 .sub_section ul li:nth-child(1) {
		margin-right: 0;
	}
	/*******************
	 .index_section03
	*******************/
	.index_section03 {
		background: url(../images/top/bg_sec3_1_sp.png) no-repeat 50% 50%;
		background-size: cover;
	}
	.index_section03 .inner {
		min-height: 0;
		padding: 66px 0 44px;
		margin: 0 20px;
	}
	.index_section03 h3 {
		color: #fff;
		font-size: 21px;
		font-weight: bold;
		text-align: left;
		line-height: 1.28571;
		margin-bottom: 16px;
	}
	.index_section03 h3 {
		font-size: 18px;
	}
	.index_section03 h3 span {
		font-size: 14px;
		line-height: 1;
		font-weight: normal;
		display: block;
		margin-bottom: 7px;
	}
	.index_section03 h3 br {
		display: block;
	}
	.index_section03 .sub_section {
		border-width: 2px;
		width: auto;
		height: auto;
		padding: 42px 17px 34px;
	}
	.index_section03 .sub_section:before {
		content: "";
		display: block;
		background-size: 230px auto;
		width: 230px;
		height: 52px;
		position: absolute;
		left: -12px;
		top: -22px;
	}
	.index_section03 .sub_section:after {
		content: "";
		display: block;
		background: url(../images/top/bg_sec3_2.png) no-repeat 0 0;
		background-size: 175px auto;
		width: 175px;
		height: 179px;
		position: absolute;
		right: -82px;
		top: -50px;
	}
	.index_section03 .sub_section:after {
		right: -102px;
	}
	.index_section03 .sub_section .border_btn {
		width: 100%;
		max-width: none;
	}
	/*******************
	 .index_section04
	*******************/
	.index_section04 {
		background: #edeff1;
	}
	.index_section04 .inner {
		width: auto;
		padding: 44px 0 59px;
	}
	.index_section04 h3 {
		font-size: 27px;
		text-align: left;
		line-height: 1;
		margin-bottom: 37px;
	}
	.index_section04 .fund_list {
		display: block;
		width: 100%;
	}
	.index_section04 .fund_list section {
		display: block;
		width: 100%;
		border-bottom: 1px solid #999;
	}
	.index_section04 .fund_list section .fund_list_cell {
		display: block;
		vertical-align: middle;
		text-align: left;
		padding: 0;
		font-size: 16px;
	}
	.index_section04 .fund_list section .fund_list_cell.cell1 {
		width: auto;
		margin: 0 7px;
		padding: 25px 0 15px;
		font-weight: bold;
	}
	.index_section04 .fund_list section .fund_list_cell.cell2 {
		width: auto;
		margin: 0 7px;
		background: #d9e5ed;
		overflow: hidden;
		padding: 13px 0 9px;
	}
	.index_section04 .fund_list section .fund_list_cell.cell2:before {
		content: "対象指標";
		display: inline-block;
		float: left;
		font-size: 11px;
		line-height: 3.27273;
		padding: 0 0 0 17px;
		width: 25.88235%;
		box-sizing: border-box;
	}
	.index_section04 .fund_list section .fund_list_cell.cell2 .fund_list_icon {
		float: left;
		font-size: 14px;
		line-height: 1.28571;
		width: 74.11765%;
	}
	.index_section04 .fund_list section .fund_list_cell.cell3 {
		width: auto;
		margin: 0 7px;
		padding: 0 0 27px;
	}
	.index_section04 .fund_list section .fund_list_cell .border_btn {
		float: none;
		width: 100%;
		font-size: 14px;
		margin: 0 auto;
	}
	.index_section04 .fund_list section .fund_list_cell .border_btn:before {
		left: 20px;
	}
	.index_section04 .fund_list section .fund_list_cell .btn_wrap {
		float: none;
		width: 100%;
		margin-right: 0;
		background: #d9e5ed;
		padding-bottom: 13px;
		margin-bottom: 15px;
	}
	.index_section04 .fund_list section .fund_list_cell .btn_wrap .border_btn {
		margin-right: auto;
		max-width: 220px;
	}
	.index_section04 .fund_list section .fund_list_cell .btn_wrap .border_btn:before {
		left: 20px;
	}
	.index_section04 .fund_list .fund_list_head {
		display: none;
	}
	.index_section04 .fund_list .fund_list_body {
		display: block;
		width: 100%;
		border-top: 1px solid #999;
	}
	.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: 19px;
		line-height: 1.31579;
		padding-top: 27px;
	}
	.index_section04 .fund_list .fund_list_body section .fund_list_cell.cell3 {
		padding-top: 0;
		padding-bottom: 30px;
	}
	.index_section04 .fund_list .fund_list_body section:last-child .fund_list_cell.cell3 {
		padding-top: 16px;
	}
	.index_section04 .fund_list .fund_list_icon {
		padding: 0 0 0 57px;
		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_sp.png) no-repeat 0 0;
		background-size: 100% auto;
		width: 42px;
		height: 26px;
		left: 0;
	}
	.index_section04 .fund_list .fund_list_icon.icon02:before {
		background: url(../images/top/ico_fund_list02_sp.png) no-repeat 0 0;
		background-size: 100% auto;
		width: 42px;
		height: 26px;
		left: 0;
	}
	.index_section04 .fund_list .fund_list_icon.icon03:before {
		background: url(../images/top/ico_fund_list03_sp.png) no-repeat 0 0;
		background-size: 100% auto;
		width: 42px;
		height: 26px;
	}
	.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;
	}
}

@media only screen and (min-width: 0px) and (max-width: 374px) {

	/*******************
	 .index_section01
	*******************/
	.index_section01 h3 {
		font-size: 22px;
		margin-bottom: 16px;
	}
	.index_section01 ul {
		width: 100%;
		background-size: 100%;
	}
	.index_section01 ul li {
		margin-right: 1.97183%;
	}
	.index_section01 ul li {
		width: 49.01408%;
		background-size: 100%;
	}
	.index_section01 ul li.item1 {
		width: 49.01408%;
		background-size: 100%;
	}
	.index_section01 ul li.item2 {
		width: 49.01408%;
		background-size: 100%;
	}
	.index_section01 ul li.item3 {
		width: 49.01408%;
		background-size: 100%;
	}
	.index_section01 ul li.item4 {
		width: 49.01408%;
		background-size: 100%;
	}
	/*******************
	 .index_section02
	*******************/
	.index_section02 h3 {
		font-size: 22px;
		margin-bottom: 20px;
	}
	/*******************
	 .index_section04
	*******************/
	.index_section04 h3 {
		font-size: 22px;
		margin-bottom: 20px;
	}
	.index_section04 .fund_list .fund_list_body section .fund_list_cell.cell1 {
		font-size: 18px;
	}
}

/*----------------------------------------------------------
    下層
----------------------------------------------------------*/
@media only screen and (min-width: 0px) and (max-width: 959px) {
	.lazy_img {
		width: 100%;
	}
	.basic_img,
	.words_detail_wrap .basic_img{
		width: 80%;
	}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
	.basic_img,
	.words_detail_wrap .basic_img {
		width: 100%;
	}
}

/*----------------------------------------------------------
    解説ページ
----------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.guide_wrap .inner {
		width: auto;
		overflow: hidden;
		padding: 0 0 56px;
	}
	#guide_main {
		width: 70%;
		float: left;
	}
	#guide_side {
		float: right;
		width: 27%;
		min-width: 200px;
		max-width: 200px;
	}
	/*******************
	 .page_header
	*******************/
	.page_header .page_title {
		width: auto;
		margin: 0 20px;
	}
	.page_header_inner{
		width: 100%;
	}
	.page_header p {
		right: 20px;
	}
	/*******************
	 .guide_paging_nav .prev_btn
	*******************/
	.guide_paging_nav .prev_btn {
		float: left;
		width: 45%;
	}

}


@media only screen and (min-width: 0px) and (max-width: 767px) {
	/*******************
	 .guide_wrap
	*******************/
	.guide_wrap .inner {
		width: auto;
		overflow: visible;
		padding: 0;
	}
	#guide_main {
		width: auto;
		float: none;
	}
	/*******************
	 #guide_side
	*******************/
	#guide_side {
		float: none;
		width: auto;
		background: #edeff1;
		margin: 0 -10px;
		padding: 42px 10px;
		position: relative;
	}
	#guide_side .side_nav {
		margin-bottom: 25px;
	}
	#guide_side .side_nav > ul {
		width: 100%;
	}
	#guide_side .side_nav > ul > li {
		background: #cadbe6;
		padding-left: 4px;
		padding-right: 4px;
		padding-bottom: 4px;
		margin-bottom: 1px;
	}
	#guide_side .side_nav > ul > li h2 {
		color: #333;
		font-size: 13px;
		line-height: 30px;
		font-weight: bold;
		text-align: center;
		padding: 0;
		white-space: nowrap;
	}
	#guide_side .side_nav > ul > li h2 br {
		display: none;
	}
	#guide_side .side_nav > ul > li ul {
		overflow: hidden;
	}
	#guide_side .side_nav > ul > li ul li {
		background: #edeff1;
		margin-bottom: 0;
		width: 49.27536%;
		float: left;
		display: table;
		height: 50px;
	}
	#guide_side .side_nav > ul > li ul li:nth-child(2n) {
		float: right;
	}
	#guide_side .side_nav > ul > li ul li.full {
		width: 100%;
	}
	#guide_side .side_nav > ul > li ul li a {
		display: table-cell;
		vertical-align: middle;
		padding: 0 15px 0 33px;
		background: url(../images/common/icon_arrow02.png) no-repeat 18px 50%;
		color: #333;
		font-size: 13px;
		line-height: 1.30769;
		text-decoration: none;
		height: 50px;
	}
	#guide_side .side_nav > ul > li ul li a:hover {
		text-decoration: underline;
	}
	#guide_side .side_nav > ul > li:nth-child(5) h2 a {
		line-height: 50px;
	}
	#guide_side .side_nav > ul > li:nth-child(5) ul li.full {
		width: 100%;
		text-align: center;
	}
	#guide_side .side_nav > ul > li:nth-child(5) ul li.full a {
		display: inline-block;
		margin: 0 auto;
		line-height: 50px; 
	}
	#guide_side .side_nav > ul > li.current:nth-child(5) ul li.full a {
		line-height: 33px; 
	}
	#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 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: table-cell;
		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:nth-child(5) h2 a {
		display: block;
		background-position:  88px 50%;
	}
	#guide_side .side_nav > ul > li.current:nth-child(5) ul li a {
		display: block;
		padding: 10px 5px 10px 33px;
		background-position:  118px 50%;
	}
	#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: #fff;
	}
	#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: none;
		height: 70px;
		margin-bottom: 20px;
		text-align: center;
		border-width: 2px;
	}
	#guide_side .banner_btn.banner1 a {
		padding: 0;
		line-height: 30px;
		vertical-align: middle;
	}
	#guide_side .banner_btn.banner1 a br {
		display: none;
	}
	#guide_side .banner_btn.banner1 a .main {
		position: relative;
		top: -5px;
	}
	#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;
		position: relative;
		margin-left: 16px;
		top: -8px;
	}
	#guide_side .banner_btn.banner1 a:before {
		content: "";
		display: inline-block;
		position: relative;
		background: url(../images/top/icon_sec2_02.png) no-repeat 0 0;
		background-size: 35px auto;
		top: 4px;
		left: 0;
		z-index: 0;
		width: 35px;
		height: 31px;
		margin-right: 18px;
	}
	#guide_side .banner_btn.banner2 {
		position: relative;
		height: 70px;
		border-width: 2px;
	}
	#guide_side .banner_btn.banner2:before {
		content: "";
		display: block;
		position: absolute;
		background: url(../images/guide/common/hdg_side_special_sp.png) no-repeat 0 0;
		background-size: 118px auto;
		width: 118px;
		height: 26px;
		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;
		background-size: 30px auto;
		width: 30px;
		height: 42px;
		top: -9px;
		right: 6px;
		z-index: 0;
	}
	#guide_side .banner_btn.banner2 a {
		padding: 16px 0 0 13.52113%;
		font-size: 16px;
		line-height: 19px;
		vertical-align: top;
		position: relative;
		z-index: 1;
		display: block;
		width: 100%;
		height: 100%;
	}
	#guide_side .banner_btn.banner2 a br {
		display: none;
	}
	#guide_side .banner_btn.banner2 a span {
		font-size: 11px;
		display: block;
		font-weight: normal;
	}
	#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;
		background-size: 15px auto;
		width: 15px;
		height: 40px;
		bottom: -8px;
		left: 6px;
		z-index: 0;
	}
	/*******************
	 .page_header
	*******************/
	.page_header {
		background: #2677ab;
		margin-bottom: 10px;
	}
	.page_header .page_title {
		width: auto;
		margin: 0 0 0 10px;
		font-size: 25px;
		color: #fff;
		line-height: 95px;
		font-weight: bold;
		letter-spacing: 2px;
	}
	.page_header_inner{
		width: 100%;
	}
	.page_header p {
		position: absolute;
		right: 10px;
		top:0;
		bottom:0;
		display: block;
		width: 152px;
		height: 100%;
		margin: auto 0;
		text-align: right;
	}
	.page_header p img.pcLogo {
		display: none;
	}
	.page_header p img.spLogo {
		display: block;
		width: auto;
		height: 100%;
	}
	.section_list {
		background: #89b8c6;
		position: relative;
		top: 11px;
		padding: 18px 14px;
		margin-bottom: 56px;
	}
	.section_list li {
		margin-bottom: 23px;
	}
	.section_list li:last-child {
		margin-bottom: 0;
	}
	.section_list li a {
		display: inline-block;
		color: #fff;
		background: url(../images/guide/common/icon_arrow01_sp.png) no-repeat 0 10px;
		background-size: 8px auto;
		padding: 0 10px 0 20px;
		font-size: 14px;
		line-height: 21px;
	}
	.section_list:before {
		background: url(../images/guide/common/bg_arrow01_sp.png) no-repeat 0 0;
		background-size: 29px auto;
		width: 29px;
		height: 11px;
		top: -10px;
		left: 23px;
	}
	.guide_section {
		padding-bottom: 22px;
	}
	.guide_section header {
		padding: 0 45px 12px 0;
		border-bottom: 4px solid #2677ab;
		position: relative;
		cursor: pointer;
		margin-bottom: 26px;
	}
	.guide_section header h3 {
		font-size: 21px; /* 24px */
		line-height: 1.29167;
		font-weight: bold;
	}
	.guide_section header:after {
		content: "";
		display: block;
		position: absolute;
		background: #2677ab url(../images/guide/common/icon_plus_sp.png) no-repeat 50% 50%;
		background-size: 20px auto;
		width: 40px;
		height: 100%;
		bottom: 0;
		right: 0;
		z-index: 0;
		border-radius: 2px 2px 0 0;
	}
	.guide_section .section_body {
		display: none;
		padding-bottom: 50px;
	}
	.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: 21px;
		margin-bottom: 14px;
	}
	.guide_section .section_body h4 {
		font-weight: bold;
		position: relative;
		margin-bottom: 38px;
		font-size: 20px;
		line-height: 1.43;
		padding: 27px 0 27px;
	}
	.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.09859%;
	}
	.guide_section.open {
		padding-bottom: 0;
	}
	.guide_section.open header:after {
		background: #2677ab url(../images/guide/common/icon_minus_sp.png) no-repeat 50% 50%;
		background-size: 20px auto;
	}
	.guide_point_list {
		position: relative;
		padding: 15px 12px;
		border: 4px solid #b8dae4;
		margin-bottom: 45px;
		margin-top: 45px;
	}
	.guide_point_list li {
		margin-bottom: 15px;
		padding: 4px 0 4px 39px;
		position: relative;
		counter-increment: count;
		font-size: 14px;
		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_sp.png) no-repeat 0 0;
		background-size: 180px auto;
		width: 180px;
		height: 31px;
		top: -30px;
		left: 1px;
	}
	.guide_paging_nav {
		overflow: hidden;
		padding-bottom: 30px;
		border-bottom: 1px solid #c0c0c0;
		margin-bottom: 38px;
	}
	.guide_paging_nav .btn_label {
		font-size: 11px;
		line-height: 1;
		margin-bottom: 5px;
		color: #1d2d7c;
	}
	.guide_paging_nav .border_btn {
		width: auto;
		max-width: none;
	}
	.guide_paging_nav .border_btn:before {
		width: 7px;
		height: 11px;
	}
	.guide_paging_nav .prev_btn {
		float: none;
		width: 100%;
		padding-bottom: 30px;
	}
	.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_arrow03_sp.png) no-repeat 0 0;
		background-size: 5px auto;
		width: 5px;
		height: 8px;
		left: 25px;
	}
	.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_arrow04_sp.png) no-repeat 0 0;
		background-size: 5px auto;
	}
	.guide_paging_nav .next_btn {
		float: none;
		width: 100%;
		position: relative;
		padding-bottom: 18px;
	}
	.guide_paging_nav .next_btn .btn_label {
		text-align: right;
		position: absolute;
		bottom: 0;
		right: 0;
		margin-bottom: 0;
	}
	.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_arrow05_sp.png) no-repeat 0 0;
		background-size: 5px auto;
		width: 5px;
		height: 8px;
		left: auto;
		right: 25px;
	}
	.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_arrow06_sp.png) no-repeat 0 0;
		background-size: 5px auto;
	}
	.guide_related {
		position: relative;
		padding: 75px 0 0 19px;
		margin-bottom: 37px;
	}
	.guide_related li {
		margin-bottom: 20px;
	}
	.guide_related li:last-child {
		margin-bottom: 0;
	}
	.guide_related li a {
		display: block;
		color: #1d2d7c;
		background: url(../images/common/icon_arrow05_sp.png) no-repeat 0 9px;
		background-size: 5px auto;
		padding: 0 0 0 17px;
		font-size: 14px;
		line-height: 27px;
	}
	.guide_related:before {
		content: "";
		display: block;
		position: absolute;
		background: url(../images/guide/common/hdg_related_sp.png) no-repeat 0 0;
		background-size: 162px auto;
		width: 162px;
		height: 55px;
		top: 0;
		left: 1px;
	}
	.guide_related.border {
		padding: 107px 0 36px 20px;
	}
}

@media only screen and (min-width: 0px) and (max-width: 374px) {
	#guide_side .banner_btn.banner2 a {
		font-size: 14px;
	}
	.guide_section .section_body h4 {
		font-size: 18px;
		padding: 10px 0;
		text-align: left;
	}
}
@media only screen and (min-width: 0px) and (max-width: 350px) {
	.page_header p {
		width: 128px;
		height: 80px;
	}
	.page_header p img.spLogo {
		width: 128px;
		height: 80px;
	}
}

/*----------------------------------------------------------
【ETF】解説コンテンツ トップ
----------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.guide_top .item_wrap {
		padding: 22px 20px;
	}
	.guide_top h2 {
		font-size: 26px;
	}
}

@media only screen and (min-width: 0) and (max-width: 767px) {
	.guide_top section {
		margin:0 auto 50px;
	}
	.guide_top .logo_etf {
		width: 70%;
		margin:0 auto 20px;
	}
	.guide_top p.description {
		font-size: 14px;
	}
	.guide_top .item_wrap {
		padding: 14px 8px;
	}
	.guide_top p.item {
		font-size: 16px;
	}
	.guide_top ul.item_ul li {
		width: 46%;
		height: 60px;
		margin:0 2% 8px;
	}
	.guide_top ul.item_ul li.item1 {
		background:#555353 url(../images/top/bg_sec1_01_sp.png) no-repeat 50% 50%;
		background-size: auto 54px;
	}
	.guide_top ul.item_ul li.item2 {
		background:#555353 url(../images/top/bg_sec1_02_sp.png) no-repeat 50% 50%;
		background-size: auto 54px;
	}
	.guide_top ul.item_ul li.item3 {
		background:#555353 url(../images/top/bg_sec1_03_sp.png) no-repeat 50% 50%;
		background-size: auto 54px;
	}
	.guide_top ul.item_ul li.item4 {
		background:#555353 url(../images/top/bg_sec1_04_sp.png) no-repeat 50% 50%;
		background-size: auto 54px;
	}
	.guide_top h2 {
		font-size: 22px;
		margin-bottom: 20px;
		padding: 0 0 14px;
		line-height: 1.2;
	}
	.guide_top h2 span {
		font-size: 16px;
		margin: 0;
	}
}

@media only screen and (min-width: 0) and (max-width: 320px) {
	.guide_top ul.item_ul li {
		height: 56px;
	}
	.guide_top ul.item_ul li.item1,
	.guide_top ul.item_ul li.item2,
	.guide_top ul.item_ul li.item3,
	.guide_top ul.item_ul li.item4 {
		background-size: auto 48px;
	}
}

/*----------------------------------------------------------
【ETF】ファンド一覧
----------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.etf_fund h2 {
		padding:10px 230px 0 0;
		line-height: 1.3;
	}
	.etf_fund h2:after {
		background-size: auto 60px;
		width: 178px;
		height: 60px;
	}
	.etf_fund .fund_list section .fund_list_cell {
		padding: 20px 0 20px 10px;
	}
	.etf_fund .fund_list section .fund_list_cell.cell1 {
		width: 35%;
	}
	.etf_fund .fund_list section .fund_list_cell.cell2 {
		width: 34%;
	}
	.etf_fund .fund_list section .fund_list_cell.cell3 {
		width: 30%;
	}
	.etf_fund .fund_list section .fund_list_cell .btn_wrap {
		width: 140px;
	}
	.etf_fund .fund_list section .fund_list_cell .border_btn {
		width: 140px;
	}
}

@media only screen and (min-width: 0) and (max-width: 767px) {
	.etf_fund header {
		margin-top: 20px;
		margin-bottom: 40px;
		padding: 0 0 15px;
	}
	.etf_fund h2 {
		font-size: 16px;
		padding:0 0 0 0;
		line-height: 1.4;
		height: auto;
	}
	.etf_fund h2:after {
		content: "";
		display: block;
		background: none;
		background-size: auto 70px;
		width: 0px;
		height: 0px;
		position: absolute;
		right: 0;
		bottom: 0;
	}
	.etf_fund .fund_list {
		display: block;
		width: 100%;
	}
	.etf_fund .fund_list section {
		display: block;
		width: 100%;
		border-bottom: 1px solid #999;
	}
	.etf_fund .fund_list section .fund_list_cell {
		display: block;
		vertical-align: middle;
		text-align: left;
		padding: 0;
		font-size: 16px;
	}
	.etf_fund .fund_list section .fund_list_cell.cell1 {
		width: auto;
		margin: 0 7px;
		padding: 25px 0 15px;
		font-weight: bold;
	}
	.etf_fund .fund_list section .fund_list_cell.cell2 {
		width: auto;
		margin: 0 7px;
		background: #d9e5ed;
		overflow: hidden;
		padding: 13px 0 9px;
	}
	.etf_fund .fund_list section .fund_list_cell.cell2:before {
		content: "対象指標";
		display: inline-block;
		float: left;
		font-size: 11px;
		line-height: 3.27273;
		padding: 0 0 0 17px;
		width: 25.88235%;
		box-sizing: border-box;
	}
	.etf_fund .fund_list section .fund_list_cell.cell2 .fund_list_icon {
		float: left;
		font-size: 14px;
		line-height: 1.28571;
		width: 74.11765%;
	}
	.etf_fund .fund_list section .fund_list_cell.cell3 {
		width: auto;
		margin: 0 7px;
		padding: 0 0 27px;
	}
	.etf_fund .fund_list section .fund_list_cell .border_btn {
		float: none;
		width: 100%;
		font-size: 14px;
		margin: 0 auto;
	}
	.etf_fund .fund_list section .fund_list_cell .border_btn:before {
		left: 20px;
	}
	.etf_fund .fund_list section .fund_list_cell .btn_wrap {
		float: none;
		width: 100%;
		margin-right: 0;
		background: #d9e5ed;
		padding-bottom: 13px;
		margin-bottom: 15px;
	}
	.etf_fund .fund_list section .fund_list_cell .btn_wrap .border_btn {
		margin-right: auto;
		max-width: 220px;
	}
	.etf_fund .fund_list section .fund_list_cell .btn_wrap .border_btn:before {
		left: 20px;
	}
	.etf_fund .fund_list .fund_list_head {
		display: none;
	}
	.etf_fund .fund_list .fund_list_body {
		display: block;
		width: 100%;
		border-top: 1px solid #999;
	}
	.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: 19px;
		line-height: 1.31579;
		padding-top: 27px;
	}
	.etf_fund .fund_list .fund_list_body section .fund_list_cell.cell3 {
		padding-top: 0;
		padding-bottom: 30px;
	}
	.etf_fund .fund_list .fund_list_body section:last-child .fund_list_cell.cell3 {
		padding-top: 16px;
	}
	.etf_fund .fund_list .fund_list_icon {
		padding: 0 0 0 57px;
		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_sp.png) no-repeat 0 0;
		background-size: 100% auto;
		width: 42px;
		height: 26px;
		left: 0;
	}
	.etf_fund .fund_list .fund_list_icon.icon02:before {
		background: url(../images/top/ico_fund_list02_sp.png) no-repeat 0 0;
		background-size: 100% auto;
		width: 42px;
		height: 26px;
		left: 0;
	}
	.etf_fund .fund_list .fund_list_icon.icon03:before {
		background: url(../images/top/ico_fund_list03_sp.png) no-repeat 0 0;
		background-size: 100% auto;
		width: 42px;
		height: 26px;
	}
	.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;
	}
}
@media only screen and (min-width: 0) and (max-width: 359px) {
	.etf_fund h2 {
		padding:66px 0 40px 0;
	}
}
/*----------------------------------------------------------
【ETF】ファンド一覧-指数紹介
----------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.etf_fund_index .fund li{
		float: none;
	}
	.etf_fund_index .fund li:first-child{
		margin:8px 20px 10px 0;
		line-height: 1.3;
	}
	.etf_fund_index .fund li:first-child:before{
		top: 4px;
	}
}
@media only screen and (min-width: 0) and (max-width: 767px) {
	.etf_fund_index .fund {
		padding: 16px 18px;
	}
	.etf_fund_index .fund p{
		margin-bottom: 0;
	}
	.etf_fund_index .fund li{
		float: none;
	}
	.etf_fund_index .fund li:first-child{
		margin:8px 20px 10px 0; 
		line-height: 1.3;
	}
	.etf_fund_index .fund li:first-child:before{
		top: 4px;
	}
}


/*----------------------------------------------------------
【ETF】用語集
----------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#etf_words_visual .inner {
		background: url(../images/etf_words/top/hdg_img01.png) no-repeat 100% -24px;
		background-size: auto 175px;
		height: 140px;
		padding: 22px 10px 0;
		overflow: hidden;
		margin: 0;
	}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
	#etf_words_visual {
		background: #b0dbe6;
		position: relative;
		padding-bottom: 6px;
	}
	#etf_words_visual .inner {
		background: url(../images/etf_words/top/hdg_img01.png) no-repeat calc(100% + 48px) -18px;
		background-size: 175px auto;
		height: 95px;
		padding: 22px 10px 0;
		overflow: hidden;
		margin: 0;
	}
	#etf_words_visual .sub_title1 {
		color: #0d4b6d;
		font-size: 13px;
		line-height: 1;
		font-weight: bold;
		margin-bottom: 10px;
		white-space: nowrap;
	}
	#etf_words_visual .sub_title2 {
		color: #0d4b6d;
		width: 59px;
		height: 22px;
		box-sizing: border-box;
		border: 1px solid #555555;
		text-align: center;
		font-size: 12px;
		line-height: 21px;
		font-weight: bold;
		float: left;
		position: relative;
		top: 2px;
		margin-right: 7px;
		white-space: nowrap;
	}
	#etf_words_visual h3 {
		font-size: 25px;
		color: #0d4b6d;
		font-weight: bold;
		letter-spacing: 0;
		line-height: 1;
		float: left;
		white-space: nowrap;
	}
	#etf_words_visual:after {
		content: "";
		display: block;
		width: 100%;
		height: 6px;
		background-color: #6f5555;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.words_wrap {
		background-color: #edeff1;
	}
	.words_wrap .inner {
		padding: 30px 0 55px;
	}
	.words_index_list {
		margin-bottom: 34px;
	}
	.words_index_list ul {
		overflow: hidden;
		margin-bottom: 0;
		padding-left: 5px;
	}
	.words_index_list ul li {
		float: left;
		width: 22%;
		margin-right: 0;
		margin-bottom: 15px;
	}
	.words_index_list ul li a {
		width: 100%;
	}
	.words_index_list ul li a.border_btn {
		background: none;
		border: none;
		text-decoration: underline;
		color: #1d2d7c;
		font-size: 12px;
		text-align: left;
		padding-left: 14px;
		line-height: 30px;
		border-radius: 0;
	}
	.words_index_list ul li a.border_btn:before {
		background-image: url(../images/common/icon_arrow11_sp.png);
		background-size: auto 5px;
		width: 8px;
		height: 5px;
		left: 0;
	}
	.words_index_list ul li a:hover.border_btn {
		background: none;
		border: none;
		color: #1d2d7c;
		text-decoration: none;
	}
	.words_index_list ul li a:hover.border_btn:before {
		background-image: url(../images/common/icon_arrow11_sp.png);
		background-size: auto 5px;
	}
	.words_index_list ul li:nth-child(5) {
		width: 12%;
		margin-right: 0;
	}
	.words_index_list ul li:last-child {
		clear: both;
		float: left;
		margin-right: 0;
		margin-bottom: 0;
	}
	.words_index_list ul li.nonlink {
		background: none;
		border: none;
		text-decoration: none;
		color: #666;
		font-size: 12px;
		text-align: left;
		padding-left: 14px;
		line-height: 30px;
		border-radius: 0;
	}
	.words_index_list ul li.nonlink:before {
		background:#EDEFF1 url(../images/common/icon_arrow12_sp.png) no-repeat 0 0;
		background-size: auto 5px;
		width: 8px;
		height: 5px;
		left: 0;
	}
	.words_index_list ul li.nonlink:hover{
		color: #666;
	}
	.words_section {
		background: #fff;
		overflow: hidden;
		position: relative;
		min-height: 167px;
		padding: 25px 20px;
		margin-bottom: 5px;
	}
	.words_section ul {
		margin-bottom: 0;
	}
	.words_section ul li {
		float: none;
		min-width: 0;
		max-width: none;
		font-size: 14px;
		line-height: 1.5;
		margin-bottom: 25px;
		word-wrap: break-word;
		padding: 0;
		overflow: hidden;
	}
	.words_section ul li a {
		display: inline-block;
		padding: 0 0 0 17px;
		background: url(../images/common/icon_arrow05_sp.png) no-repeat 0 6px;
		background-size: 5px auto;
		white-space: normal;
		word-wrap: break-word;
		word-break: break-all;
	}
	.words_section ul li:last-child {
		margin-bottom: 0;
	}
	.words_section:before {
		content: "";
		display: block;
		width: 60px;
		height: 60px;
		position: relative;
		top: 0;
		left: 0;
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 100% auto;
		margin-bottom: 17px;
	}
	.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: 46px 0 60px;
	}
	.words_detail_wrap .basic_img {
		width: 100%;
	}
	.words_detail_wrap h3 {
		font-weight: bold;
		font-size: 24px;
		line-height: 1.29167;
		padding-bottom: 25px;
		border-bottom: 4px solid #2677ab;
		margin-bottom: 27px;
		position: relative;
	}
	.words_detail_wrap h3:after {
		display: none;
	}
	.words_detail_wrap .txt_style01 {
		font-size: 14px;
		line-height: 1.8;
		margin-bottom: 21px;
	}
	.words_detail_wrap .words_section {
		background: #edeff1;
		position: relative;
		padding: 20px;
		min-height: 0;
		margin-bottom: 40px;
	}
	.words_detail_wrap .words_section h4 {
		display: block;
		position: relative;
		background: url(../images/etf_words/common/bg_title_img01.png) no-repeat 0 0;
		background-size: 55px auto;
		width: auto;
		padding: 0 0 0 75px;
		top: 0;
		left: 0;
		color: #2677ab;
		font-weight: bold;
		font-size: 18px;
		line-height: 48px;
		text-align: left;
		margin-bottom: 24px;
	}
	.words_detail_wrap .words_section:before {
		display: none;
	}
	.words_detail_wrap .words_section ul {
		margin-bottom: -24px;
	}
	.words_detail_wrap .words_section ul li {
		max-width: none;
		margin-bottom: 24px;
		word-wrap: break-word;
		padding: 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: 14px 16px 17px;
		border: 4px solid #b8dae4;
		margin-bottom: 55px;
		margin-top: 86px;
	}
	.words_more_info p {
		position: relative;
		font-size: 14px;
		line-height: 21px;
	}
	.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_sp.png) no-repeat 0 0;
		background-size: 190px auto;
		width: 190px;
		height: 31px;
		top: -31px;
		left: 0;
	}
}

@media only screen and (min-width: 0px) and (max-width: 374px) {
	#etf_words_visual .inner {
		height: 90px;
		background-size: 150px;
		background-position: calc(100% + 48px) -10px;
	}
	.words_index_list ul {
		padding-left: 0;
	}
	.words_index_list ul li:nth-child(10) {
		width: 12%;
		margin-right: 0;
	}
	.words_index_list ul li {
		width: 20.57143%;
	}
	.words_index_list ul li:nth-child(5) {
		width: 14.28571%;
	}
	.words_index_list ul li:nth-child(10) {
		width: 14.28571%;
	}
}

/*----------------------------------------------------------
【ETF】アンケートトップ
----------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#enquete_visual {
		height: 230px;
	}
	#enquete_visual h3 {
		background-size: 750px auto;
		height: 230px;
	}
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
	#enquete_visual {
		height: 210px;
	}
	#enquete_visual h3 {
		background: url(../images/enquete/top/hdg_01_sp.png) no-repeat 50% 24px;
		background-size: 355px auto;
		height: 210px;
	}
	#enquete_visual:before {
		content: "";
		display: block;
		background: url(../images/enquete/top/hdg_02.png) no-repeat 0 0;
		background-size: 100% auto;
		width: 240px;
		height: 76px;
		position: absolute;
		left: 0;
		right: 0;
		bottom: -32px;
		margin: 0 auto;
	}
	/* .enquete_section01 */
	.enquete_section01 {
		background-color: #eeecee;
	}
	.enquete_section01 .inner {
		padding: 64px 0 41px;
	}
	.enquete_section01 .description {
		text-align: left;
		font-size: 14px;
		line-height: 1.5;
		margin-bottom: 35px;
	}
	.enquete_section01 .description br {
		display: none;
	}
	.enquete_section01 h3 {
		text-align: left;
		font-size: 18px;
		line-height: 1;
		margin-bottom: 39px;
	}
	.enquete_section01 h4 {
		font-weight: bold;
		font-size: 18px;
		line-height: 1.41667;
		padding: 15px 0 0 16px;
	}
	.enquete_section01 h4 span {
		color: #ff4566;
	}
	.enquete_section01 ul {
		overflow: hidden;
	}
	.enquete_section01 ul li {
		float: none;
		width: auto;
		height: 130px;
		position: relative;
		margin-right: 0;
		margin-bottom: 16px;
	}
	.enquete_section01 ul li:nth-child(3n) {
		margin-right: 0;
	}
	.enquete_section01 ul li:nth-child(4),  .enquete_section01 ul li:nth-child(5),  .enquete_section01 ul li:nth-child(6) {
		margin-bottom: 16px;
	}
	.enquete_section01 ul li .list_inner {
		border: 2px solid #331613;
		box-sizing: border-box;
		height: 108px;
		background: #fff;
	}
	.enquete_section01 ul li .border_btn {
		max-width: 175px;
		position: relative;
		margin: 0;
		right: auto;
		left: 20px;
		top: -22px;
		z-index: 5;
		border-width: 2px;
	}
	.enquete_section01 ul li a:before {
		display: none;
	}
	.enquete_section01 ul li.item1 .list_inner {
		background: #fff url(../images/enquete/top/bg_sec2.png) no-repeat calc(100% - 7px) 100%;
		background-size: auto 73%;
	}
	.enquete_section01 ul li.item2 .list_inner {
		background: #fff url(../images/enquete/top/bg_sec3.png) no-repeat calc(100% - 3px) 100%;
		background-size: auto 75%;
	}
	.enquete_section01 ul li.item3 .list_inner {
		background: #fff url(../images/enquete/top/bg_sec4.png) no-repeat calc(100% - 7px) 100%;
		background-size: auto 90%;
	}
	.enquete_section01 ul li.item4 .list_inner {
		background: #fff url(../images/enquete/top/bg_sec5.png) no-repeat calc(100% - 18px) 20px;
		background-size: 91px auto;
	}
	.enquete_section01 ul li.item5 .list_inner {
		background: #fff url(../images/enquete/top/bg_sec6.png) no-repeat calc(100% - 11px) 26px;
		background-size: 148px auto;
	}
	.enquete_section01 ul li.item6 .list_inner {
		background: #fff url(../images/enquete/top/bg_sec7.png) no-repeat calc(100% - 8px) 18px;
		background-size: 154px auto;
	}
	
}
@media only screen and (min-width: 0px) and (max-width: 374px) {
	#enquete_visual {
		height: 200px;
	}
	#enquete_visual h3 {
		background-size: 100% auto;
		height: 200px;
	}
}
@media only screen and (min-width: 0px) and (max-width: 320px) {
	#enquete_visual:before {
		bottom: -20px;
	}
}
@media only screen and (min-width: 0px) and (max-width: 359px) {
	/* section01 */
	.enquete_section01 ul li.item1 .list_inner {
		background-size: auto 60%;
	}
	.enquete_section01 ul li.item2 .list_inner {
		background-size: auto 60%;
	}
	.enquete_section01 ul li.item3 .list_inner {
		background-position: calc(100% - 7px) 10px;
		background-size: auto 80%;
	}
	.enquete_section01 ul li.item4 .list_inner {
		background-size: 72.8px auto;
		background-position: calc(100% - 18px) 25px;
	}
	.enquete_section01 ul li.item5 .list_inner {
		background-size: 116px auto;
		background-position: calc(100% - 4px) 32px;
	}
	.enquete_section01 ul li.item6 .list_inner {
		background-size: 123.2px auto;
		background-position: calc(100% - 4px) 25px;
	}
}

/*----------------------------------------------------------
【ETF】アンケート 下層共通
----------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#enquete_visual.visual2 {
		height: 152px;
	}
	#enquete_visual.visual2 h3 {
		background-position: 50% 20px;
		background-size: 725px auto;
		height: 152px;
	}
}

@media only screen and (min-width: 0) and (max-width: 959px) {
	/* .point_area 番外編  */
	.point_area_add {
		background: #d3f3fa;
		padding: 0 15px 28px;
		margin: 0;
	}
	.point_area_add p {
		border-top: 1px dashed #000;
		padding-top: 17px;
	}
	.point_area_add p span {
		color: #fff;
		background: #333;
		text-align: center;
		line-height: 1.3;
		padding: 0.4rem 0 0.2rem;
		margin: 0 0 0.5rem;
		display: block;
		width: 5rem;
	}
	.point_area_add p a {
		color: #333;
		background: url(../images/common/icon_arrow02.png) no-repeat 0 7px;
		padding-left: 1rem;
		font-weight: bold;
		font-size: 14px;
		display: block;
	}
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
	#enquete_visual.visual2 {
		height: 166px;
	}
	#enquete_visual.visual2 h3 {
		background: #bdeaf3 url(../images/enquete/common/hdg_01_sp.png) no-repeat 50% 19px;
		background-size: 355px auto;
		height: 166px;
	}
	#enquete_visual.visual2:before {
		display: none;
	}
	/* section02 */
	.enquete_section02 {
		padding: 30px 0 32px;
	}
	.enquete_section02 ul {
		width: auto;
		margin: 0 5px;
		padding: 0;
	}
	.enquete_section02 ul li {
		float: left;
		width: 47.82609%;
		height: 50px;
		position: relative;
		margin-right: 0;
		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(1) {
		margin-right: 0;
	}
	.enquete_section02 ul li:nth-child(2) {
		float: right;
		margin-right: 0;
	}
	.enquete_section02 ul li:nth-child(3) {
		margin-right: 0;
		margin-top: 15px;
	}
	.enquete_section02 ul li:nth-child(4) {
		float: right;
		margin-right: 0;
		margin-top: 15px;
	}
	.enquete_section02 ul li:nth-child(5) {
		margin-right: 0;
		margin-top: 15px;
	}
	.enquete_section02 ul li:nth-child(6) {
		float: right;
		margin-right: 0;
		margin-top: 15px;
	}
	.enquete_section02 ul li a {
		display: table-cell;
		font-size: 14px;
		text-decoration: none;
		font-weight: bold;
		color: #333333;
		height: 56px;
		line-height: 1.28571;
		-webkit-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
		vertical-align: middle;
		text-align: left;
		padding: 0 8px;
	}
	.enquete_section02 ul li.current {
		border-color: #ff4566;
		background: #ff4566;
		position: relative;
	}
	.enquete_section02 ul li.current a {
		color: #fff;
		pointer-events: none;
	}
	.enquete_section02 ul li.current:after {
		content: "";
		display: block;
		height: 3px;
		width: calc(100% + 16px);
		position: absolute;
		bottom: 0;
		left: -8px;
		background: #ff4566;
	}
	/* section03 */
	.enquete_section03 {
		background-color: #bdeaf3;
	}
	.enquete_section03 .inner {
		padding: 48px 0 58px;
	}
	.enquete_section03 h3 {
		font-size: 24px;
		line-height: 1.3;
		font-weight: bold;
		position: relative;
		border-top: 2px solid #333333;
		border-bottom: 2px solid #333333;
		padding: 20px 0 20px 35px;
		margin-bottom: 50px;
	}
	.enquete_section03 h3:before {
		content: "Q";
		display: inline-block;
		font-size: 27px;
		line-height: 27px;
		position: absolute;
		left: 5px;
		top: 20px;
	}
	.enquete_section03 h4 {
		font-size: 20px;
		line-height: 1.425;
		font-weight: bold;
		position: relative;
		text-align: left;
		margin-bottom: 28px;
		padding: 0 0 0 30px;
		left: 0;
	}
	.enquete_section03 h4.margin2 {
		margin-bottom: 5px;
	}
	.enquete_section03 h4.margin3 {
		margin-bottom: 19px;
	}
	.enquete_section03 h4:before {
		content: "Q";
		display: inline-block;
		font-size: 23px;
		line-height: 40px;
		position: absolute;
		top: -5px;
		margin-right: 15px;
		left: 0;
	}
	.enquete_section03 h4 .multiple_ans {
		font-size: 16px;
		font-weight: normal;
	}
	/* .border_bottom */
	.border_bottom {
		padding-bottom: 40px;
		border-bottom: 1px dashed #000;
		margin-bottom: 30px;
	}
	/* .point_area  */
	.point_area {
		background: #d3f3fa;
		position: relative;
		padding: 28px 15px;
	}
	.point_area:before {
		content: "";
		display: block;
		background: url(../images/enquete/common/icon_eexclamation.png) no-repeat 0 0;
		background-size: 100%;
		width: 12px;
		height: 30px;
		position: absolute;
		left: 0;
		right: 0;
		top: -12px;
		margin: auto;
	}
	.point_area.height2 {
		padding: 28px 15px;
	}
	.point_area p {
		font-size: 14px;
		line-height: 1.5;
	}
	/* .point_area2  */
	.point_area2 {
		padding-top: 17px;
		font-size: 13px;
		line-height: 1.3;
		margin-bottom: 37px;
	}
	/* .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: 100%;
	}
	.paging_nav .border_btn:before {
		width: 7px;
		height: 11px;
	}
	.paging_nav .backto_index_btn {
		margin-bottom: 60px;
	}
	.paging_nav .backto_index_btn .border_btn {
		max-width: 100%;
		height: 50px;
		line-height: 46px;
		border-width: 2px;
		border-radius: 30px;
		font-size: 16px;
		font-weight: bold;
	}
	.paging_nav .backto_index_btn .border_btn:before {
		background: url(../images/common/icon_arrow05_sp.png) no-repeat 0 0;
		background-size: 5px auto;
		height: 9px;
	}
	.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_sp.png) no-repeat 0 0;
		background-size: 5px auto;
	}
	.paging_nav .prev_btn {
		float: none;
		width: 100%;
	}
	.paging_nav .prev_btn .btn_label {
		text-align: left;
	}
	.paging_nav .prev_btn .border_btn {
		font-size: 14px;
		margin: 0 auto 0 0;
	}
	.paging_nav .prev_btn .border_btn:before {
		background: url(../images/common/icon_arrow03_sp.png) no-repeat 0 0;
		background-size: 5px auto;
		height: 9px;
	}
	.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_sp.png) no-repeat 0 0;
		background-size: 5px auto;
	}
	.paging_nav .next_btn {
		padding: 20px 0 0;
		float: none;
		width: 100%;
	}
	.paging_nav .next_btn .btn_label {
		text-align: right;
	}
	.paging_nav .next_btn .border_btn {
		margin: 0 0 0 auto;
	}
	.paging_nav .next_btn .border_btn:before {
		background: url(../images/common/icon_arrow05_sp.png) no-repeat 0 0;
		background-size: 5px auto;
		left: auto;
		right: 20px;
		height: 9px;
	}
	.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_sp.png) no-repeat 0 0;
		background-size: 5px auto;
	}
}

@media only screen and (min-width: 0px) and (max-width: 374px) {
	#enquete_visual.visual2 {
		height: 160px;
	}
	#enquete_visual.visual2 h3 {
		background-size: 100% auto;
		height: 160px;
	}
	.enquete_section02 ul li a {
		font-size: 13px;
	}
	.enquete_section03 h3 {
		font-size: 21px;
		padding: 17px 0 17px 35px;
		margin-bottom: 30px;
	}
	.enquete_section03 h3:before {
		font-size: 24px;
		top: 15px;
	}

}

@media only screen and (min-width: 0px) and (max-width: 359px) {
	/* section03 */
	.enquete_section03 h4 {
		font-size: 17px;
	}
	.enquete_section03 h4:before {
		font-size: 20px;
		top: -9px;
	}
	.enquete_section03 .img_wrap1,
	.enquete_section03 .img_wrap2,
	.enquete_section03 .mottoBox,
	.enquete_section03 .img_wrap3,
	.enquete_section03 .img_wrap4{
		zoom: 98%;
	}
	.enquete_section03 .img_area6 {
		zoom: 83%;
	}
	.enquete_section03 .img_area7 {
		zoom: 83%;
	}
	.enquete_section03 .img_wrap3 {
	/*height: 265px;
			background-size: 300px;*/
	}
	.paging_nav .prev_btn .border_btn:before {
		left: 10px;
	}
	.paging_nav .next_btn .border_btn:before {
		right: 10px;
	}
}

/*----------------------------------------------------------
【ETF】アンケート who
----------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 980px) {
	.maleBox, .femaleBox {
		height: 380px;
	}
	.maleBox,  .femaleBox {
		background-size: auto 120px;
	}
	.etf-who .box_wrap1 dl dt {
		width: 35%;
	}
	.etf-who .box_wrap1 dl dd {
		width: 65%;
	}
	.etf-who .box_wrap1 dl:first-of-type dd:first-of-type span {
		font-size: 18px;
	}
	.maleBox dl:first-of-type dd:first-of-type, .maleBox dl dd tr:first-of-type td {
		font-size: 28px;
	}
	.femaleBox dl:first-of-type dd:first-of-type, .femaleBox dl dd tr:first-of-type td {
		font-size: 28px;
	}
	.etf-who .box_wrap1 dl dd td {
		padding: 0 0 0.5rem 0;
		line-height: 1.3;
	}
	.etf-who .box_wrap1 dl dd tr:first-of-type td:last-of-type {
		font-size: 20px;
	}
	/*******************
		 グラフ1
		*******************/
		/* img_area */
	.etf-who .img_wrap1 .img_area_wrap {
		width: 720px;
		height: auto;
		margin: auto;
	}
	.etf-who .img_area0 {
		background-size: 720px 160px;
		height: 160px;
	}
	/*******************
		 グラフ2
		*******************/
		/* img_area */
	.etf-who .img_wrap2 .img_area_wrap {
		width: 720px;
		height: auto;
		margin: auto;
	}
	.etf-who .img_area1 {
		background-size: 720px 152px;
		height: 152px;
	}
	.etf-who .img_area2 {
		background-size: 720px 46px;
		height: 46px;
		margin-top: 10px;
	}
	/*******************
		mottoBox
		*******************/
	.mottoBox .inner {
		padding-top: 0;
		padding-bottom: 28px;
	}
	.mottoBox .box_wrap {
		margin-bottom: 35px;
	}
	.mottoBox .leftBox {
		width: 100%;
		float: none;
		margin-bottom: 60px;
	}
	.mottoBox p.label {
		margin-left: 130px;
	}
	.mottoBox p.label:last-child {
		text-align: center;
	}
	.mottoBox .leftBox p.data {
		width: 450px;
		height: 170px;
		margin: 20px auto;
	}
	.mottoBox .rightBox {
		width: 100%;
		float: none;
		position: relative;
	}
	/*******************
		 グラフ3
		*******************/
		/* img_area */
	.etf-who .img_wrap3 .img_area_wrap {
		width: 508px;
	}
	.etf-who .img_area3 {
		width: 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 {
		display: none;
	}
}

@media only screen and (min-width: 0) and (max-width: 767px) {
	.etf-who .box_wrap1 {
		margin: 0 auto 50px;
	}
	.maleBox, .femaleBox {
		width: 47.8%;
		height: 390px;
		margin: 100px 3% 0 0;
	}
	.femaleBox {
		margin-right: 0;
	}
	.maleBox,  .femaleBox {
		background-size: auto 84px;
	}
	.maleBox p:first-child, .femaleBox p:first-child {
		font-size: 13px;
		padding: 0.2rem;
	}
	.etf-who .box_wrap1 dl {
		padding: 1rem 0.8rem 0.4rem;
		width: 100%;
		text-align: center;
	}
	.etf-who .box_wrap1 dl dt {
		width: 100%;
		clear: none;
		float: none;
		margin-bottom: 0.7rem;
	}
	.etf-who .box_wrap1 dl dd {
		width: 100%;
		float: none;
	}
	.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: 14px;
	}
	.maleBox dl:first-of-type dd:first-of-type, .maleBox dl dd tr:first-of-type td {
		font-size: 20px;
	}
	.femaleBox dl:first-of-type dd:first-of-type, .femaleBox dl dd tr:first-of-type td {
		font-size: 20px;
	}
	.etf-who .box_wrap1 dl dd table {
		width: 100%;
	}
	.etf-who .box_wrap1 dl dd td {
		vertical-align: middle;
		padding: 0 0 0.8rem 0;
		font-size: 15px;
		text-align: left;
		line-height: 1.3;
	}
	.etf-who .box_wrap1 dl dd td:last-of-type {
		text-align: right;
	}
	.etf-who .box_wrap1 dl dd tr:first-of-type td:last-of-type {
		font-weight: bold;
		font-size: 17px;
	}
	.etf-who .box_wrap1 dl dd tr:last-of-type td {
		font-weight: normal;
		font-size: 12px;
	}
	/*******************
		 グラフ1
		*******************/
	.etf-who .img_wrap1 {
		margin-bottom: 50px;
	}
	.etf-who .img_wrap1 .head,  .etf-who .img_wrap2 .head {
		font-size: 20px;
		margin-bottom: 15px;
	}
	/* img_area */
	.etf-who .img_wrap1 .img_area_wrap {
		width: 340px;
	}
	.etf-who .img_area0 {
		background: url(../images/enquete/who/img1_fig01_sp.png) no-repeat 0 128px;
		background-size: 340px 128px;
		height: 128px;
	}
	/*******************
		 グラフ2
		*******************/
	.etf-who .img_wrap2 {
		position: relative;
		margin-bottom: 40px;
	}
	/* img_area */
	.etf-who .img_wrap2 .img_area_wrap {
		width: 340px;
	}
	.etf-who .img_area1 {
		background: url(../images/enquete/who/img2_fig01_sp.png) no-repeat 0 125px;
		background-size: 340px 125px;
		height: 125px;
	}
	.etf-who .img_area2 {
		background: url(../images/enquete/who/img2_fig02_sp.png) no-repeat 0 33px;
		background-size: 340px 33px;
		height: 33px;
		margin-top: 5px;
	}
	/*******************
		mottoBox
		*******************/
	.mottoBox .inner {
		padding-top: 0;
		padding-bottom: 50px;
	}
	.mottoBox .box_wrap {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.motto_title {
		font-size: 15px;
		width: 135px;
		padding: 0.5rem 0 0.4rem;
		line-height: 1;
	}
	.mottoBox .leftBox {
		width: 50%;
		float: none;
		margin: auto;
	}
	.mottoBox p.label {
		font-size: 15px;
		margin-bottom: 20px;
	}
	.mottoBox p.label .multiple_ans {
		font-size: 12px;
	}
	.font_red {
		font-weight: bold;
	}
	.mottoBox .leftBox p.data {
		background: url(../images/enquete/who/img3_fig01_sp.png) no-repeat 0 0;
		background-size: 294px 160px;
		width: 294px;
		height: 160px;
		margin: 20px 0 40px 40px;
	}
	.mottoBox .rightBox {
		width: 100%;
		float: none;
		position: relative;
	}
	.enquete_section03 .inner_bottom {
		padding-top: 0;
	}
	/*******************
		 グラフ3
		*******************/
		/* img_area */
	.etf-who .img_area3 {
		background: url(../images/enquete/who/img3_fig03_01_sp.png) no-repeat 0 0;
		background-size: 340px auto;
		width: 340px;
		height: 259px;
		position: relative;
	}
	.etf-who .img_area3 .graph {
		background: url(../images/enquete/who/img3_fig03_02_sp.png) no-repeat 0 0;
		background-size: 214px 230px;
		height: 230px;
		top: 5px;
		left: 84px;
	}
	.etf-who .img_area3 .graph.view {
		width: 214px;
	}
	.etf-who .img_wrap3 .img3_fig03_03 {
		display: none;
	}
}

@media only screen and (min-width: 0) and (max-width: 320px) {
	.etf-who .box_wrap1 {
		margin: 0 auto 40px;
	}
	.maleBox, .femaleBox {
		height: 370px;
	}
	.etf-who .box_wrap1 dl {
		padding: 1rem 0.7rem 0.4rem;
		width: 100%;
		text-align: center;
	}
	.etf-who .box_wrap1 dl dt {
		margin-bottom: 0.7rem;
	}
	.etf-who .box_wrap1 dl:first-of-type dd:first-of-type span {
		font-size: 14px;
	}
	.maleBox dl:first-of-type dd:first-of-type, .maleBox dl dd tr:first-of-type td {
		font-size: 18px;
	}
	.femaleBox dl:first-of-type dd:first-of-type, .femaleBox dl dd tr:first-of-type td {
		font-size: 18px;
	}
	.etf-who .box_wrap1 dl dd td {
		padding: 0 0 0.7rem 0;
		font-size: 14px;
	}
	.etf-who .box_wrap1 dl dd tr:first-of-type td:last-of-type {
		font-size: 15px;
	}
	.etf-who .box_wrap1 dl dd tr:last-of-type td {
		font-weight: normal;
		font-size: 11px;
	}
	/*******************
		 グラフ1
		*******************/
	.etf-who .img_wrap1 {
		margin-bottom: 50px;
	}
	.etf-who .img_wrap1 .head,  .etf-who .img_wrap2 .head {
		font-size: 20px;
		margin-bottom: 15px;
	}
	/* img_area */
	.etf-who .img_wrap1 .img_area_wrap {
		width: 300px;
	}
	.etf-who .img_area0 {
		background-size: 300px 113px;
		height: 113px;
	}
	/*******************
		 グラフ2
		*******************/
	.etf-who .img_wrap2 {
		margin-bottom: 30px;
	}
	/* img_area */
	.etf-who .img_wrap2 .img_area_wrap {
		width: 300px;
	}
	.etf-who .img_area1 {
		background-size: 300px 110px;
		height: 110px;
	}
	.etf-who .img_area2 {
		background-size: 300px 29px;
		height: 29px;
		margin-top: 5px;
	}
	/*******************
		mottoBox
		*******************/
	.motto_title {
		font-size: 14px;
		width: 135px;
		padding: 0.5rem 0 0.4rem;
		line-height: 1;
	}
	.mottoBox p.label {
		font-size: 14px;
	}
	.mottoBox .leftBox p.data {
		margin: 15px auto 30px;
	}
	.mottoBox .leftBox {
		width: 300px;
		margin: auto;
	}
	.mottoBox .rightBox {
		width: 100%;
		float: none;
		position: relative;
	}
	.enquete_section03 .inner_bottom {
		padding-top: 0;
	}
	/*******************
		 グラフ3
		*******************/
		/* img_area */
	.etf-who .img_area3 {
		background-size: 300px auto;
		width: 300px;
		height: 229px;
		position: relative;
	}
	.etf-who .img_area3 .graph {
		background-size: 188px 202px;
		height: 202px;
		top: 6px;
		left: 74px;
	}
	.etf-who .img_area3 .graph.view {
		width: 188px;
	}
}

/*----------------------------------------------------------
【ETF】アンケート why
----------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 980px) {
	/*******************
		 グラフ1
		*******************/
	.etf-why .img_wrap1 {
		width: 740px;
		margin: 0 auto 30px;
		background-position: center 20px;
		background-size: 350px auto;
	}
	.etf-why .img_wrap1 ul {
		height: 370px;
	}
	.etf-why .img_wrap1 ul .li01 {
		background-size: 24.47% auto; /* 235px */
		top: 0;
		left: 17.0%;
	}
	.etf-why .img_wrap1 ul .li02 {
		background-size: 19.68% auto; /* 189px */
		top: 4px;
		left: 63.2%;
	}
	.etf-why .img_wrap1 ul .li03 {
		background-size: 18.75% auto; /* 180px */
		top: 229px;
		left: 74.0%;
	}
	.etf-why .img_wrap1 ul .li04 {
		background-size: 15.10% auto; /* 145px */
		top: 125px;
		left: 0;
	}
	.etf-why .img_wrap1 ul .li05 {
		background-size: 14.06% auto; /* 135px */
		top: 86px;
		left: 83%;
	}
	.etf-why .img_wrap1 ul .li06 {
		background-size: 11.87% auto; /* 114px */
		top: 280px;
		left: 12%;
	}
	/*******************
		 グラフ2
		*******************/
	.etf-why .img_wrap2 {
		width: 740px;
		margin: 0 auto 30px;
		background-size : contain;
	}
	.etf-why .img_wrap2 ul {
		height: 300px;
	}
	.etf-why .img_wrap2 ul .li01 {
		background-size: 35% auto;
		top: 0;
		left: 0;
	}
	.etf-why .img_wrap2 ul .li02 {
		background-size: 26% auto;
		top: 22px;
		left: 38%;
	}
	.etf-why .img_wrap2 ul .li03 {
		background-size: 24% auto;
		top: 20px;
		left: 69%;
	}
	.etf-why .img_wrap2 ul .li04 {
		background-size: 24% auto;
		top: 118px;
		left: 46%;
	}
	.etf-why .img_wrap2 ul .li05 {
		background-size: 24% auto;
		top: 106px;
		left: 76%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 980px) {
	/*******************
		 グラフ1
		*******************/
	.etf-why .img_wrap1 {
		width: 740px;
		margin: 0 auto 30px;
		background-position: center 20px;
		background-size: 350px auto;
	}
	.etf-why .img_wrap1 ul {
		height: 370px;
	}
	.etf-why .img_wrap1 ul .li01 {
		background-size: 24.47% auto; /* 235px */
		top: 0;
		left: 17.0%;
	}
	.etf-why .img_wrap1 ul .li02 {
		background-size: 19.68% auto; /* 189px */
		top: 4px;
		left: 63.2%;
	}
	.etf-why .img_wrap1 ul .li03 {
		background-size: 18.75% auto; /* 180px */
		top: 229px;
		left: 74.0%;
	}
	.etf-why .img_wrap1 ul .li04 {
		background-size: 15.10% auto; /* 145px */
		top: 125px;
		left: 0;
	}
	.etf-why .img_wrap1 ul .li05 {
		background-size: 14.06% auto; /* 135px */
		top: 86px;
		left: 83%;
	}
	.etf-why .img_wrap1 ul .li06 {
		background-size: 11.87% auto; /* 114px */
		top: 280px;
		left: 12%;
	}
	/*******************
		 グラフ2
		*******************/
	.etf-why .img_wrap2 {
		width: 740px;
		margin: 0 auto 30px;
		background-size : contain;
	}
	.etf-why .img_wrap2 ul {
		height: 300px;
	}
	.etf-why .img_wrap2 ul .li01 {
		background-size: 35% auto;
		top: 0;
		left: 0;
	}
	.etf-why .img_wrap2 ul .li02 {
		background-size: 26% auto;
		top: 22px;
		left: 38%;
	}
	.etf-why .img_wrap2 ul .li03 {
		background-size: 24% auto;
		top: 20px;
		left: 67%;
	}
	.etf-why .img_wrap2 ul .li04 {
		background-size: 24% auto;
		top: 118px;
		left: 46%;
	}
	.etf-why .img_wrap2 ul .li05 {
		background-size: 24% auto;
		top: 106px;
		left: 74%;
	}
}

@media only screen and (min-width: 0) and (max-width: 767px) {
	/*******************
		 グラフ1
		*******************/
	.etf-why .img_wrap1 {
		width: 340px;
		margin: 0 auto 30px;
		background: url(../images/enquete/why/img1_bg_sp.png) no-repeat 100px 112px;
		background-size: auto 158px;
	}
	.etf-why .img_wrap1 ul {
		height: 366px;
	}
	.etf-why .img_wrap1 ul .li01 {
		background: url(../images/enquete/why/img1_fig01_sp.png) no-repeat 0 250px;
		background-size: 147px auto;
		top: 0;
		left: 16px;
	}
	.etf-why .img_wrap1 ul .li02 {
		background: url(../images/enquete/why/img1_fig02_sp.png) no-repeat 0 250px;
		background-size: 120px auto;
		top: 6px;
		left: 215px;
	}
	.etf-why .img_wrap1 ul .li03 {
		background: url(../images/enquete/why/img1_fig03_sp.png) no-repeat 0 250px;
		background-size: 112px auto;
		top: 250px;
		left: 72px;
	}
	.etf-why .img_wrap1 ul .li04 {
		background: url(../images/enquete/why/img1_fig04_sp.png) no-repeat 0 250px;
		background-size: 110px auto;
		top: 153px;
		left: 0px;
	}
	.etf-why .img_wrap1 ul .li05 {
		background: url(../images/enquete/why/img1_fig05_sp.png) no-repeat 0 250px;
		background-size: 110px auto;
		top: 240px;
		left: 230px;
	}
	.etf-why .img_wrap1 ul .li06 {
		background: url(../images/enquete/why/img1_fig06_sp.png) no-repeat 0 250px;
		background-size: 86px auto;
		top: 134px;
		left: 253px;
	}
	/*******************
		 グラフ2
		*******************/
	.etf-why .img_wrap2 {
		width: 340px;
		margin: 0 auto 30px;
		background: url(../images/enquete/why/img2_bg_sp.png) no-repeat center bottom;
		background-size : contain;
	}
	.etf-why .img_wrap2 ul {
		height: 306px;
	}
	.etf-why .img_wrap2 ul .li01 {
		background: url(../images/enquete/why/img2_fig01_sp.png) no-repeat 0 250px;
		background-size: 206px auto;
		top: 0;
		left: 0;
		z-index: 5;
	}
	.etf-why .img_wrap2 ul .li02 {
		background: url(../images/enquete/why/img2_fig02_sp.png) no-repeat 0 250px;
		background-size: 153px auto;
		top: 92px;
		left: 170px;
		z-index: 4;
	}
	.etf-why .img_wrap2 ul .li03 {
		background: url(../images/enquete/why/img2_fig03_sp.png) no-repeat 0 250px;
		background-size: 147px auto;
		top: 130px;
		left: 10px;
		z-index: 3;
	}
	.etf-why .img_wrap2 ul .li04 {
		background: url(../images/enquete/why/img2_fig04_sp.png) no-repeat 0 250px;
		background-size: 119px auto;
		top: 12px;
		left: 216px;
		z-index: 2;
	}
	.etf-why .img_wrap2 ul .li05 {
		background: url(../images/enquete/why/img2_fig05_sp.png) no-repeat 0 250px;
		background-size: 119px auto;
		top: 172px;
		left: 216px;
		z-index: 1;
	}
}

@media only screen and (min-width: 0) and (max-width: 320px) {
	/*******************
		 グラフ1
		*******************/
	.etf-why .img_wrap1 {
		width: 300px;
		margin: 0 auto 30px;
		background-position: 90px 108px;
		background-size: auto 146px;
	}
	.etf-why .img_wrap1 ul {
		height: 356px;
	}
	.etf-why .img_wrap1 ul .li01 {
		background-size: 147px auto;
		top: 0;
		left: 14.4px;
	}
	.etf-why .img_wrap1 ul .li02 {
		background-size: 108px auto;
		top: 6px;
		left: 186px;
	}
	.etf-why .img_wrap1 ul .li03 {
		background-size: 100.8px auto;
		top: 250px;
		left: 64.8px;
	}
	.etf-why .img_wrap1 ul .li04 {
		background-size: 99px auto;
		top: 153px;
		left: 0px;
	}
	.etf-why .img_wrap1 ul .li05 {
		background-size: 99px auto;
		top: 240px;
		left: 200px;
	}
	.etf-why .img_wrap1 ul .li06 {
		background-size: 77.4px auto;
		top: 134px;
		left: 224px;
	}
	/*******************
		 グラフ2
		*******************/
	.etf-why .img_wrap2 {
		width: 300px;
		margin: 0 auto 30px;
		background: url(../images/enquete/why/img2_bg_sp.png) no-repeat center bottom;
		background-size : contain;
	}
	.etf-why .img_wrap2 ul {
		height: 280px;
	}
	.etf-why .img_wrap2 ul .li01 {
		background-size: 175.5px auto;
		top: 0;
		left: 0;
		z-index: 5;
	}
	.etf-why .img_wrap2 ul .li02 {
		background-size: 128.7px auto;
		top: 80px;
		left: 150px;
		z-index: 4;
	}
	.etf-why .img_wrap2 ul .li03 {
		background-size: 124.2px auto;
		top: 120px;
		left: 10px;
		z-index: 3;
	}
	.etf-why .img_wrap2 ul .li04 {
		background-size: 111.6px auto;
		top: 12px;
		left: 186px;
		z-index: 2;
	}
	.etf-why .img_wrap2 ul .li05 {
		background-size: 111.6px auto;
		top: 160px;
		left: 186px;
		z-index: 1;
	}
}

/*----------------------------------------------------------
【ETF】アンケート attraction
----------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 980px) {
	/*******************
		 グラフ1
		*******************/
	.etf-attraction .img_wrap1 {
		background: url(../images/enquete/attraction/img1_bg_sp.png) no-repeat center bottom;
		background-size: 250px auto;
		padding-left: 0;
		height: 560px;
	}
	.etf-attraction .img_wrap1 dl {
		width: 80%;
		margin: 0 auto 2rem;
	}
	.etf-attraction .img_wrap1 dl dt {
		width: 80%;
	}
	.etf-attraction .img_wrap1 dl dd {
		width: 20%;
	}
	/*******************
		 グラフ2
		*******************/
	.etf-attraction .mottoBox .leftBox {
		width: 100%;
		float: none;
		margin-bottom: 15px;
	}
	.etf-attraction .mottoBox .leftBox p.data {
		background-size: 242px auto;
		width: 242px;
		height: 172px;
		margin: auto;
	}
	.etf-attraction .mottoBox .rightBox {
		width: 462px;
		float: none;
		font-size: 12px;
		margin: auto;
	}
}

@media only screen and (min-width: 0) and (max-width: 767px) {
	/*******************
		 グラフ1
		*******************/
	.etf-attraction .img_wrap1 {
		position: relative;
		background: url(../images/enquete/attraction/img1_bg_sp.png) no-repeat center bottom;
		background-size: auto 98px;
		padding-left: 0;
		height: 380px;
	}
	.etf-attraction .img_wrap1 dl {
		width: 100%;
		margin: 0 auto 1rem;
	}
	.etf-attraction .img_wrap1 dl dt {
		width: 87%;
		padding: 8px 0 0 42px;
	}
	.etf-attraction .img_wrap1 dl.dl01 dt,  .etf-attraction .img_wrap1 dl.dl02 dt,  .etf-attraction .img_wrap1 dl.dl03 dt {
		width: 80%;
	}
	.etf-attraction .img_wrap1 dl dd {
		width: 13%;
	}
	.etf-attraction .img_wrap1 dl.dl01 dd,  .etf-attraction .img_wrap1 dl.dl02 dd,  .etf-attraction .img_wrap1 dl.dl03 dd {
		width: 20%;
	}
	.etf-attraction .img_wrap1 dl dd span {
		margin-left: 0.1rem;
		font-size: 14px;
	}
	.etf-attraction .img_wrap1 dl.dl01 {
		font-size: 14px;
	}
	.etf-attraction .img_wrap1 dl.dl01 dt span {
		font-size: 20px;
	}
	.etf-attraction .img_wrap1 dl.dl01 dd {
		font-size: 17px;
		padding-top: 12px;
	}
	.etf-attraction .img_wrap1 dl.dl02,  .etf-attraction .img_wrap1 dl.dl03 {
		font-size: 14px;
	}
	.etf-attraction .img_wrap1 dl.dl02 dt span,  .etf-attraction .img_wrap1 dl.dl03 dt span {
		font-size: 18px;
	}
	.etf-attraction .img_wrap1 dl.dl02 dd,  .etf-attraction .img_wrap1 dl.dl03 dd {
		font-size: 15px;
		padding-top: 12px;
	}
	.etf-attraction .img_wrap1 dl.dl04 {
		font-size: 12px;
	}
	.etf-attraction .img_wrap1 dl.dl04 dt {
		margin-bottom: 0.6rem;
	}
	.etf-attraction .img_wrap1 dl.dl04 dt span {
		font-size: 14px;
		margin: 0 0.1rem;
	}
	.etf-attraction .img_wrap1 dl.dl04 dd {
		padding-top: 10px;
		margin-bottom: 0.6rem;
		font-size: 12px;
	}
	.etf-attraction .img_wrap1 dl.dl04 dd span {
		font-size: 12px;
	}
	.etf-attraction .img_wrap1 .dl01 dt:before {
		width: 35px;
		height: 30px;
		background-size: 35px auto;
		top: 0;
		left: 0;
	}
	.etf-attraction .img_wrap1 .dl02 dt:before {
		width: 29px;
		height: 26px;
		background-size: 29px auto;
		top: 0;
		left: 3px;
	}
	.etf-attraction .img_wrap1 .dl03 dt:before {
		width: 27px;
		height: 23px;
		background-size: 27px auto;
		top: 4px;
		left: 4px;
	}
	.etf-attraction .img_wrap1 .dl04 dt:before {
		top: 8px;
		left: 8px;
	}
	.etf-attraction .img_wrap1 dl .dt04:before,  .etf-attraction .img_wrap1 dl .dt05:before,  .etf-attraction .img_wrap1 dl .dt06:before,  .etf-attraction .img_wrap1 dl .dt07:before,  .etf-attraction .img_wrap1 dl .dt08:before {
		width: 20px;
		height: 13px;
		background-size: 20px auto;
	}
	/*******************
		 グラフ2
		*******************/
	.etf-attraction .mottoBox .leftBox {
		width: 100%;
		float: none;
		margin-bottom: 20px;
	}
	.etf-attraction .mottoBox .leftBox p.data {
		background-size: 186px auto;
		width: 186px;
		height: 132px;
		margin: auto;
	}
	.etf-attraction .mottoBox .rightBox {
		width: 320px;
		float: none;
		font-size: 12px;
		margin: auto;
	}
	/* 円グラフ */
	.etf-attraction .img_area0 {
		width: 320px;
		height: 245px;
	}
	.etf-attraction .img_area0:before {
		left: 73px;
		top: 5px;
		width: 180px;
		height: 180px;
		z-index: 0;
		background: url(../images/enquete/attraction/img2_fig03_01_sp.png) no-repeat 0 0;
		background-size: 180px 180px;
	}
	.etf-attraction .img_area0:after {
		background: url(../images/enquete/attraction/img2_fig02_sp.png) no-repeat 0 0;
		background-size: 320px 234px;
		width: 320px;
		height: 234px;
	}
	.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 {
		left: 73px;
		top: 5px;
		width: 180px;
		height: 180px;
	}
	.etf-attraction .img_area0 .chart1 {
		background: url(../images/enquete/attraction/img2_fig03_02_sp.png) no-repeat 0 0;
		background-size: 180px 180px;
	}
	.etf-attraction .img_area0 .chart2 {
		background: url(../images/enquete/attraction/img2_fig03_03_sp.png) no-repeat 0 0;
		background-size: 180px 180px;
	}
	.etf-attraction .img_area0 .chart3 {
		background: url(../images/enquete/attraction/img2_fig03_04_sp.png) no-repeat 0 0;
		background-size: 180px 180px;
	}
	.etf-attraction .img_area0 .chart4 {
		background: url(../images/enquete/attraction/img2_fig03_05_sp.png) no-repeat 0 0;
		background-size: 180px 180px;
	}
	.etf-attraction .img_area0 .chart5 {
		background: url(../images/enquete/attraction/img2_fig03_06_sp.png) no-repeat 0 0;
		background-size: 180px 180px;
	}
}

@media only screen and (min-width: 0) and (max-width: 320px) {
	/*******************
		 グラフ1
		*******************/
	.etf-attraction .img_wrap1 {
		background-size: auto 98px;
		padding-left: 0;
		height: 450px;
	}
	.etf-attraction .img_wrap1 dl {
		width: 100%;
		margin: 0 auto 1rem;
	}
	.etf-attraction .img_wrap1 dl dt {
		width: 80%;
		padding: 8px 0 0 42px;
		line-height: 1.3;
	}
	.etf-attraction .img_wrap1 dl dd {
		width: 20%;
	}
	.etf-attraction .img_wrap1 dl dd span {
		margin-left: 0.1rem;
		font-size: 13px;
	}
	.etf-attraction .img_wrap1 dl.dl01 {
		font-size: 13px;
	}
	.etf-attraction .img_wrap1 dl.dl01 dt span {
		font-size: 19px;
	}
	.etf-attraction .img_wrap1 dl.dl01 dd {
		font-size: 16px;
		padding-top: 12px;
	}
	.etf-attraction .img_wrap1 dl.dl02,  .etf-attraction .img_wrap1 dl.dl03 {
		font-size: 13px;
	}
	.etf-attraction .img_wrap1 dl.dl02 dt span,  .etf-attraction .img_wrap1 dl.dl03 dt span {
		font-size: 17px;
	}
	.etf-attraction .img_wrap1 dl.dl02 dd,  .etf-attraction .img_wrap1 dl.dl03 dd {
		font-size: 15px;
		padding-top: 12px;
	}
	.etf-attraction .img_wrap1 dl.dl04 {
		font-size: 12px;
	}
	.etf-attraction .img_wrap1 dl.dl04 dt {
		margin-bottom: 0.6rem;
	}
	.etf-attraction .img_wrap1 dl.dl04 dt span {
		font-size: 12px;
		margin: 0 0.1rem;
	}
	.etf-attraction .img_wrap1 dl.dl04 dd {
		padding-top: 10px;
		margin-bottom: 0.6rem;
		font-size: 12px;
	}
	.etf-attraction .img_wrap1 dl.dl04 dd span {
		font-size: 12px;
	}
	/*******************
		 グラフ2
		*******************/
	.etf-attraction .mottoBox .leftBox p.data {
		background-size: 178px auto;
		width: 178px;
		height: 126px;
	}
	.etf-attraction .mottoBox .rightBox {
		width: 300px;
	}
	/* 円グラフ */
	.etf-attraction .img_area0 {
		width: 300px;
		height: 230px;
	}
	.etf-attraction .img_area0:before {
		left: 73px;
		top: 5px;
		width: 160px;
		height: 160px;
		background-size: 160px 160px;
	}
	.etf-attraction .img_area0:after {
		background-size: 300px 219px;
		width: 300px;
		height: 219px;
	}
	.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 {
		left: 73px;
		top: 5px;
		width: 160px;
		height: 160px;
	}
	.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 {
		background-size: 160px 160px;
	}
}

/*----------------------------------------------------------
【ETF】アンケート what
----------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 980px) {
	/*******************
		 グラフ1
		*******************/
	.etf-what .img_wrap1 {
		background-size: 720px auto;
		height: auto;
		margin-bottom: 30px;
	}
	.etf-what .img_wrap1 ul {
		width: 692px;
		margin: auto;
		height: 424px;
		background-size: auto 133px;
	}
	.etf-what .img_wrap1 ul li {
		height: 235px;
		position: absolute;
	}
	.etf-what .img_wrap1 ul .li01 {
		background-size: 686px auto;
		top: 133px;
		left: 6px;
	}
	.etf-what .img_wrap1 ul .li02 {
		background-size: 653px auto;
		top: 226px;
		left: 0;
	}
	.etf-what .img_wrap1 ul .li03 {
		background-size: 638px auto;
		top: 286px;
		left: 41px;
	}
	.etf-what .img_wrap1 ul .li04 {
		background-size: 608px auto;
		top: 336px;
		left: 29px;
	}
	.etf-what .img_wrap1 ul .li05 {
		background-size: 611px auto;
		top: 384px;
		left: 55px;
	}
	/*******************
		 グラフ2
		*******************/
	.etf-what .img_wrap2 {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
	.etf-what .img_area2 {
		background-size: 720px auto;
		width: 720px;
		height: 350px;
	}
	.etf-what .img_area2 .graph {
		background-size: auto 226px;
		background-position: 0 226px;
		height: 226px;
		left: 7px;
	}
	.etf-what .img_area2 .graph.view {
		width: 691px;
		background-position: 0 0;
	}
	/*******************
		 グラフ3
		*******************/
	.etf-what .box_wrap1 .leftBox {
		width: 100%;
		float: none;
		margin-bottom: 20px;
	}
	.etf-what .box_wrap1 .rightBox {
		width: 100%;
		float: none;
		margin-bottom: 40px;
	}
}

@media only screen and (min-width: 0) and (max-width: 767px) {
	/*******************
		 グラフ1
		*******************/
	.etf-what .img_wrap1 {
		background: url(../images/enquete/what/img1_bg_sp.png) no-repeat 44px 0;
		background-size: 302px auto;
		height: auto;
		margin-bottom: 30px;
	}
	.etf-what .img_wrap1 ul {
		width: 350px;
		height: 305px;
		background-size: auto 94px;
		margin: auto;
	}
	.etf-what .img_wrap1 ul li {
		height: 235px;
	}
	.etf-what .img_wrap1 ul .li01 {
		background: url(../images/enquete/what/img1_fig03_01_sp.png) no-repeat 0 60px;
		background-size: 338px auto;
		top: 94px;
		left: 0;
	}
	.etf-what .img_wrap1 ul .li02 {
		background: url(../images/enquete/what/img1_fig03_02_sp.png) no-repeat 0 60px;
		background-size: 324px auto;
		top: 163px;
		left: 7px;
	}
	.etf-what .img_wrap1 ul .li03 {
		background: url(../images/enquete/what/img1_fig03_03_sp.png) no-repeat 0 60px;
		background-size: 325px auto;
		top: 206px;
		left: 10px;
	}
	.etf-what .img_wrap1 ul .li04 {
		background: url(../images/enquete/what/img1_fig03_04_sp.png) no-repeat 0 60px;
		background-size: 327px auto;
		top: 242px;
		left: 10px;
	}
	.etf-what .img_wrap1 ul .li05 {
		background: url(../images/enquete/what/img1_fig03_05_sp.png) no-repeat 0 60px;
		background-size: 325px auto;
		top: 278px;
		left: 9px;
	}
	/*******************
		 グラフ2
		*******************/
	.etf-what .img_wrap2 {
		width: 100%;
		height: auto;
	}
	.etf-what .img_area2 {
		background: url(../images/enquete/what/img2_bg_sp.png) no-repeat center bottom;
		background-size: 338px auto;
		width: 338px;
		height: 270px;
	}
	.etf-what .img_area2 .graph {
		background: url(../images/enquete/what/img2_fig01_sp.png) no-repeat 0 144px;
		background-size: 331px auto;
		height: 144px;
		left: 0;
	}
	.etf-what .img_area2 .graph.view {
		width: 331px;
		background-position: 0 0;
	}
	.etf-what .img_wrap2 .point_area {
		display: block;
		width: 100%;
		height: auto;
		z-index: 0;
		top: 0;
		left: 0;
		margin: 20px 0 0;
		opacity: 1;
		position: relative;
		-webkit-transition: none;
		transition: none;
	}
	.etf-what .img_wrap2 .point_area.view {
		height: auto;
		opacity: 1;
		margin: 20px 0 0;
	}
	/*******************
		 グラフ3
		*******************/
	.etf-what .box_wrap1 {
		margin-bottom: 0;
	}
	.etf-what .box_wrap1 .leftBox {
		width: 100%;
		float: none;
	}
	.etf-what .box_wrap1 .rightBox {
		width: 100%;
		float: none;
	}
	/* 円グラフ */
	.etf-what .img_area3 {
		width: 333px;
		height: 193px;
		margin-bottom: 15px;
	}
	.etf-what .img_area3:before {
		left: 79px;
		top: 17px;
		width: 177px;
		height: 177px;
		background: url(../images/enquete/what/img3_fig02_sp.png) no-repeat 0 0;
		background-size: 177px auto;
	}
	.etf-what .img_area3:after {
		background: url(../images/enquete/what/img3_fig01_sp.png) no-repeat 0 0;
		background-size: 333px auto;
		width: 333px;
		height: 193px;
	}
	.etf-what .img_area3 .chart1,  .etf-what .img_area3 .chart2,  .etf-what .img_area3 .chart3,  .etf-what .img_area3 .chart4 {
		left: 79px;
		top: 17px;
		width: 177px;
		height: 177px;
	}
	.etf-what .img_area3 .chart1 {
		background: url(../images/enquete/what/img3_fig03_sp.png) no-repeat 0 0;
		background-size: 177px auto;
	}
	.etf-what .img_area3 .chart2 {
		background: url(../images/enquete/what/img3_fig04_sp.png) no-repeat 0 0;
		background-size: 177px auto;
	}
	.etf-what .img_area3 .chart3 {
		background: url(../images/enquete/what/img3_fig05_sp.png) no-repeat 0 0;
		background-size: 177px auto;
	}
	.etf-what .img_area3 .chart4 {
		background: url(../images/enquete/what/img3_fig06_sp.png) no-repeat 0 0;
		background-size: 177px auto;
	}
	/*******************
		 グラフ4
		*******************/
		/* 棒グラフ */
	.etf-what .img_wrap4 {
		width: 337px;
		height: auto;
		margin-bottom: 40px;
	}
	.etf-what .img_area4 {
		background: url(../images/enquete/what/img4_fig01_sp.png) no-repeat 0 0;
		background-size: 337px 254px;
		width: 337px;
		height: 254px;
	}
	
	.etf-what .img_area4 .graph {
		background: url(../images/enquete/what/img4_fig02_sp.png) no-repeat 0 254px;
		background-size: 173px 228px;
		width: 173px;
		height: 228px;
		top: 21px;
		left: 88px;
	}
	.etf-what .img_area4 .graph.view {
		height: 228px;
		background: url(../images/enquete/what/img4_fig02_sp.png) no-repeat 0 0;
		background-size: 173px 228px;
	}
}

@media only screen and (min-width: 0) and (max-width: 320px) {
	/*******************
		 グラフ1
		*******************/
	.etf-what .img_wrap1 {
		background: url(../images/enquete/what/img1_bg_sp.png) no-repeat 44px 0;
		background-size: 302px auto;
		height: auto;
		width: 300px;
		margin:0 auto 30px;
	}
	.etf-what .img_wrap1 ul {
		height: 274px;
		background-size: auto 84px;
	}
	.etf-what .img_wrap1 ul .li01 {
		background-size: 301px auto;
		top: 84px;
		left: 0;
	}
	.etf-what .img_wrap1 ul .li02 {
		background-size: 288px auto;
		top: 146px;
		left: 7px;
	}
	.etf-what .img_wrap1 ul .li03 {
		background-size: 288px auto;
		top: 185px;
		left: 10px;
	}
	.etf-what .img_wrap1 ul .li04 {
		background-size: 291px auto;
		top: 218px;
		left: 9px;
	}
	.etf-what .img_wrap1 ul .li05 {
		background-size: 289px auto;
		top: 250px;
		left: 6px;
	}
	/*******************
		 グラフ2
		*******************/
	.etf-what .img_area2 {
		background-size: 304px auto;
		width: 304px;
		height: 238px;
	}
	.etf-what .img_area2 .graph {
		background-size: 297px auto;
		height: 124px;
	}
	.etf-what .img_area2 .graph.view {
		width: 297px;
	}
	/*******************
		 グラフ3
		*******************/
		/* 円グラフ */
	.etf-what .img_area3 {
		width: 297px;
		height: 173px;
		margin-bottom: 15px;
	}
	.etf-what .img_area3:before {
		left: 69px;
		top: 16px;
		width: 159px;
		height: 159px;
		background-size: 159px auto;
	}
	.etf-what .img_area3:after {
		background-size: 297px auto;
		width: 297px;
		height: 173px;
	}
	.etf-what .img_area3 .chart1,  .etf-what .img_area3 .chart2,  .etf-what .img_area3 .chart3,  .etf-what .img_area3 .chart4 {
		left: 69px;
		top: 16px;
		width: 159px;
		height: 159px;
		background-size: 159px auto;
	}
	/*******************
		 グラフ4
		*******************/
		/* 棒グラフ */
	.etf-what .img_wrap4 {
		width: 300px;
	}
	.etf-what .img_area4 {
		background-size: 300px auto;
		width: 300px;
		height: 254px;
	}
	.etf-what .img_area4 .graph {
		background-size: 173px auto;
		height: 226px;
		top: 21px;
		left: 78px;
	}
	.etf-what .img_area4 .graph.view {
		width: 173px;
	}
}

/*----------------------------------------------------------
【ETF】アンケート how
----------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 980px) {
	/*******************
		 グラフ1（横棒グラフ）
		*******************/
	.etf-how .img_area1 {
		background-position: 0 2px;
		background-size: 717px auto;
		width: 717px;
		height: 274px;
	}
	.etf-how .img_area1 .graph {
		background-size: 485px auto;
		height: 242px;
		top: 0;
		left: 197px;
	}
	.etf-how .img_area1 .graph.view {
		width: 485px;
	}
	.etf-how .img_area1 .data1 {
		background-size: 208px auto;
		height: 66px;
		top: 48px;
		left: 473px;
	}
	.etf-how .img_area1 .data1.view {
		width: 208px;
	}
	.etf-how .img_area1 .data2 {
		background-size: 160px auto;
		height: 50px;
		top: 189px;
		left: 298px;
	}
	.etf-how .img_area1 .data2.view {
		width: 160px;
	}
	/*******************
		 グラフ2（円グラフ）
		*******************/
	.etf-how .img_area2 {
		width: 576px;
		height: 255px;
		position: relative;
		margin: 0 0 40px 130px;
	}
	.etf-how .img_area2:before {
		left: 98px;
		top: 17px;
		width: 218px;
		height: 218px;
		background-size: 218px 218px;
	}
	.etf-how .img_area2:after {
		background-size: 391px auto;
		width: 509px;
		height: 328px;
		opacity: 0;
	}
	.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 {
		left: 98px;
		top: 17px;
		width: 218px;
		height: 218px;
		background-size: 218px 218px;
	}
	.etf-how .img_area2 .data {
		width: 235px;
		height: 86px;
		left: 341px;
		top: 84px;
		background-size: 235px 86px;
	}
	/*******************
		 グラフ3（縦棒グラフ）
		*******************/
	.etf-how .img_wrap3 {
		width: 363px;
		height: 219px;
	}
	.etf-how .img_area3 {
		background-size: 363px auto;
		width: 363px;
		height: 219px;
	}
	.etf-how .img_area3 .graph {
		background-size: 314px auto;
		width: 0;
		height: 161px;
		z-index: 0;
		position: absolute;
		top: 7px;
		left: 37px;
	}
	.etf-how .img_area3 .graph.view {
		width: 314px;
	}
}

@media only screen and (min-width: 0) and (max-width: 767px) {
	/*******************
		 グラフ1（横棒グラフ）
		*******************/
	.etf-how .img_wrap1 {
		margin-bottom: 30px;
	}
	.etf-how .img_area1 {
		background: url(../images/enquete/how/img1_fig01_sp.png) no-repeat 50% 36px;
		background-size: 342px auto;
		width: 342px;
		height: 229px;
		position: relative;
	}
	.etf-how .img_area1 .graph {
		background: url(../images/enquete/how/img1_fig02_sp.png) no-repeat 0 0;
		background-size: 244px auto;
		height: 147px;
		top: 44px;
		left: 93px;
	}
	.etf-how .img_area1 .graph.view {
		width: 244px;
	}
	.etf-how .img_area1 .data1 {
		background: url(../images/enquete/how/img1_fig02_01_sp.png) no-repeat 0 0;
		background-size: 207px auto;
		height: 40px;
		top: 0;
		left: 135px;
	}
	.etf-how .img_area1 .data1.view {
		width: 207px;
	}
	.etf-how .img_area1 .data2 {
		background: url(../images/enquete/how/img1_fig02_02_sp.png) no-repeat 0 0;
		background-size: 143px auto;
		height: 32px;
		top: 156px;
		left: 156px;
	}
	.etf-how .img_area1 .data2.view {
		width: 143px;
	}
	/*******************
		 グラフ2（円グラフ）
		*******************/
	.etf-how .img_area2 {
		width: 342px;
		height: 255px;
		margin: 0 auto 30px;
	}
	.etf-how .img_area2:before {
		left: 86px;
		top: 8px;
		width: 180px;
		height: 180px;
		background: url(../images/enquete/how/img2_fig2_sp.png) no-repeat 0 0;
		background-size: 180px auto;
	}
	.etf-how .img_area2:after {
		background: url(../images/enquete/how/img2_fig01_sp.png) no-repeat 0 0;
		background-size: 339px auto;
		width: 339px;
		height: 186px;
	}
	.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 {
		left: 86px;
		top: 8px;
		width: 180px;
		height: 180px;
	}
	.etf-how .img_area2 .chart1 {
		background: url(../images/enquete/how/img2_fig3_sp.png) no-repeat 0 0;
		background-size: 180px auto;
	}
	.etf-how .img_area2 .chart2 {
		background: url(../images/enquete/how/img2_fig4_sp.png) no-repeat 0 0;
		background-size: 180px auto;
	}
	.etf-how .img_area2 .chart3 {
		background: url(../images/enquete/how/img2_fig5_sp.png) no-repeat 0 0;
		background-size: 180px auto;
	}
	.etf-how .img_area2 .chart4 {
		background: url(../images/enquete/how/img2_fig6_sp.png) no-repeat 0 0;
		background-size: 180px auto;
	}
	.etf-how .img_area2 .chart5 {
		background: url(../images/enquete/how/img2_fig7_sp.png) no-repeat 0 0;
		background-size: 180px auto;
	}
	.etf-how .img_area2 .chart6 {
		background: url(../images/enquete/how/img2_fig8_sp.png) no-repeat 0 0;
		background-size: 180px auto;
	}
	.etf-how .img_area2 .data {
		width: 158px;
		height: 68px;
		left: 180px;
		top: 187px;
		background: url(../images/enquete/how/img2_fig9_sp.png) no-repeat 50% 108px;
		background-size: 158px 68px;
	}
	/*******************
		 グラフ3（縦棒グラフ）
		*******************/
	.etf-how .img_wrap3 {
		width: 338px;
		height: 221px;
		margin: 0 auto 30px;
	}
	.etf-how .img_area3 {
		background: url(../images/enquete/how/img3_fig01_sp.png) no-repeat 0 0;
		background-size: 338px auto;
		width: 338px;
		height: 221px;
	}
	.etf-how .img_area3 .graph {
		display: block;
		background: url(../images/enquete/how/img3_fig02_sp.png) no-repeat 0 150px;
		background-size: 297px auto;
		width: 0;
		height: 150px;
		top: 9px;
		left: 34px;
	}
	.etf-how .img_area3 .graph.view {
		width: 297px;
	}
}

@media only screen and (min-width: 0) and (max-width: 320px) {
	/*******************
		 グラフ1（横棒グラフ）
		*******************/
	.etf-how .img_wrap1 {
		width: 304px;
		margin: 0 auto 30px;
	}
	.etf-how .img_area1 .graph {
		background: url(../images/enquete/how/img1_fig02_sp.png) no-repeat 0 0;
		background-size: 244px auto;
		height: 147px;
		top: 44px;
		left: 93px;
	}
	.etf-how .img_area1 {
		background-position: 0 32px;
		background-size: 304px auto;
		width: 304px;
		height: 204px;
		position: relative;
	}
	
	.etf-how .img_area1 .graph {
		background-size: 218px auto;
		height: 132px;
		top: 35px;
		left: 83px;
	}
	.etf-how .img_area1 .graph.view {
		width: 218px;
	}
	.etf-how .img_area1 .data1 {
		background-size: 184px auto;
		height: 36px;
		top: 0;
		left: 118px;
	}
	.etf-how .img_area1 .data1.view {
		width: 184px;
	}
	.etf-how .img_area1 .data2 {
		background-size: 128px auto;
		height: 29px;
		top: 138px;
		left: 138px;
	}
	.etf-how .img_area1 .data2.view {
		width: 128px;
	}
	/*******************
		 グラフ2（円グラフ）
		*******************/
	.etf-how .img_area2 {
		width: 306px;
		height: 228px;
	}
	.etf-how .img_area2:before {
		left: 76px;
		top: 8px;
		width: 161px;
		height: 161px;
		background-size: 161px auto;
	}
	.etf-how .img_area2:after {
		background-size: 302px auto;
		width: 302px;
		height: 166px;
	}
	.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 {
		left: 76px;
		top: 8px;
		width: 161px;
		height: 161px;
		background-size: 161px auto;
	}
	.etf-how .img_area2 .data {
		width: 141px;
		height: 61px;
		left: 160px;
		top: 167px;
		background-size: 141px 61px;
	}
	/*******************
		 グラフ3（縦棒グラフ）
		*******************/
	.etf-how .img_wrap3 {
		width: 300px;
		height: 197px;
	}
	.etf-how .img_area3 {
		background-size: 300px auto;
		width: 300px;
		height: 197px;
	}
	.etf-how .img_area3 .graph {
		background-position: 0 134px;
		background-size: 264px auto;
		width: 0;
		height: 134px;
		top: 8px;
		left: 32px;
	}
	.etf-how .img_area3 .graph.view {
		width: 264px;
	}
}

/*----------------------------------------------------------
【ETF】アンケート style
----------------------------------------------------------*/
/*******************
 グラフ1
*******************/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.etf-style .enquete_section03 .img_wrap1 .img_txt {
		padding: 0 0 0 5%;
	}
	.etf-style .enquete_section03 .img_info_wrap .value {
		top: 80px;
	}
	.etf-style .enquete_section03 .img_info2 .label,  .etf-style .enquete_section03 .img_info3 .label {
		text-align: center;
		padding-top: 12px;
	}
	.etf-style .enquete_section03 .img_area0, .etf-style .enquete_section03 .img_area1, .etf-style .enquete_section03 .img_area2 {
		margin-bottom: 0;
	}
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
	.etf-style .enquete_section03 .img_wrap1 {
		margin-bottom: 30px;
	}
	.etf-style .enquete_section03 .img_info_wrap .label {
		line-height: 1.3125;
	}
	.etf-style .enquete_section03 .img_info1, .etf-style .enquete_section03 .img_info2, .etf-style .enquete_section03 .img_info3 {
		width: 32%;
		height: 106px;
		margin-right: 2%;
		border-radius: 6px;
	}
	.etf-style .enquete_section03 .img_info3 {
		margin-right: 0;
	}
	.etf-style .enquete_section03 .img_info1:before, .etf-style .enquete_section03 .img_info2:before, .etf-style .enquete_section03 .img_info3:before {
		bottom: -10px;
		left: 15px;
		border: 0;
		border-right-width: 20px;
		border-bottom-width: 10px;
		border-style: solid;
		border-color: transparent #fff;
	}
	.etf-style .enquete_section03 .img_info1:after, .etf-style .enquete_section03 .img_info2:after, .etf-style .enquete_section03 .img_info3:after {
		bottom: -10px;
		left: 25px;
		border: 0;
		border-right-width: 10px;
		border-bottom-width: 10px;
		border-style: solid;
		border-color: transparent #BDEAF3;
	}
	.etf-style .enquete_section03 .img_wrap1 .img_txt {
		padding: 0;
	}
	.etf-style .enquete_section03 .img_info1 .img_txt:before, .etf-style .enquete_section03 .img_info2 .img_txt:before, .etf-style .enquete_section03 .img_info3 .img_txt:before {
		background: none;
		width: 0;
		height: 0;
	}
	.etf-style .enquete_section03 .img_info1 .label, .etf-style .enquete_section03 .img_info2 .label, .etf-style .enquete_section03 .img_info3 .label {
		padding-left: 0;
		padding-top: 12px;
	}
	.etf-style .enquete_section03 .img_info1 .label {
		padding-top: 30px;
	}
	.etf-style .enquete_section03 .img_info3 .label {
		text-align: center;
		text-indent: 0;
	}
	.etf-style .enquete_section03 .img_info_wrap .value {
		top: 68px;
	}
	.etf-style .enquete_section03 .img_info1 .value, .etf-style .enquete_section03 .img_info2 .value {
		background-size: 45px 22px;
		width: 45px;
		height: 22px;
		left: 0;
		right: 0;
		margin: auto;
	}
	.etf-style .enquete_section03 .img_info3 .value {
		background-size: 30px 22px;
		width: 30px;
		height: 22px;
		left: 0;
		right: 0;
		margin: auto;
	}
	/* img_area */
	.etf-style .enquete_section03 .img_area_wrap {
		padding-top: 130px;
	}
	.etf-style .enquete_section03 .img_area0, .etf-style .enquete_section03 .img_area1, .etf-style .enquete_section03 .img_area2 {
		margin-bottom: 0;
	}
	.etf-style .enquete_section03 .img_area0, .etf-style .enquete_section03 .img_area1, .etf-style .enquete_section03 .img_area2 {
		background-size: 100% auto;
		height: 42px;
	}
}

@media only screen and (min-width: 0px) and (max-width: 550px) {
	.etf-style .enquete_section03 .img_info_wrap .label {
		font-size: 12px;
	}
	.etf-style .enquete_section03 .img_info_wrap .label .nonbold {
		font-size: 11px;
		letter-spacing: -0.05rem;
	}
	/* img_area */
	.etf-style .enquete_section03 .img_area_wrap {
		padding-top: 124px;
	}
	.etf-style .enquete_section03 .img_area0, .etf-style .enquete_section03 .img_area1, .etf-style .enquete_section03 .img_area2 {
		background-size: 100% auto;
		height: 30px;
	}
}

@media only screen and (min-width: 0px) and (max-width: 360px) {
	/* img_area */
	.etf-style .enquete_section03 .img_area0, .etf-style .enquete_section03 .img_area1, .etf-style .enquete_section03 .img_area2 {
		background-size: 100% auto;
		height: 20px;
	}
}

@media only screen and (min-width: 0px) and (max-width: 320px) {
	.etf-style .enquete_section03 .img_info_wrap .label .nonbold {
		font-size: 10px;
	}
}

/*******************
 グラフ2
*******************/
@media only screen and (min-width: 0px) and (max-width: 767px) {
	.etf-style .enquete_section03 .img_wrap2 {
		width: 344px;
		height: 251.5px;
		margin: 0 auto 40px;
		position: relative;
	}
	.etf-style .enquete_section03 .img_area3 {
		background: url(../images/enquete/style/img2_fig01_sp.png) no-repeat 0 0;
		background-size: 340px auto;
		width: 340px;
		height: 252px;
		position: relative;
	}
	.etf-style .enquete_section03 .img_area3 .graph {
		display: block;
		background: url(../images/enquete/style/img2_fig02_sp.png) no-repeat 0 0;
		background-size: 207px 213px;
		width: 0;
		height: 213px;
		z-index: 0;
		position: absolute;
		top: 3px;
		left: 88px;
		font-size: 0 !important;
		line-height: 0;
		text-indent: -9999px !important;
		-webkit-transition: 2s ease-in-out;
		transition: 2s ease-in-out;
	}
	.etf-style .enquete_section03 .img_area3 .graph.view {
		background-position: 0 0;
		width: 207px;
	}
}

@media only screen and (min-width: 0px) and (max-width: 320px) {
	.etf-style .enquete_section03 .img_wrap2 {
		width: 300px;
		height: 222px;
	}
	.etf-style .enquete_section03 .img_area3 {
		background-size: 300px auto;
		width: 300px;
		height: 222px;
	}
	.etf-style .enquete_section03 .img_area3 .graph {
		background-size: 181px 187px;
		height: 187px;
		top: 3px;
		left: 78px;
	}
	.etf-style .enquete_section03 .img_area3 .graph.view {
		background-position: 0 0;
		width: 181px;
	}
}

/*******************
 グラフ3（横棒グラフ）
*******************/
@media only screen and (min-width: 0px) and (max-width: 767px) {
	.etf-style .img_wrap3 {
		height: 329px;
		background: url(../images/enquete/style/bg_sec3_01_sp.png) no-repeat center bottom;
		background-size: auto 75px;
		position: relative;
	}
	.etf-style .img_area4 {
		background: url(../images/enquete/style/img3_fig01_sp.png) no-repeat 0 19px;
		background-size: 340px auto;
		width: 340px;
		height: 238px;
		position: relative;
		padding-top: 19px;
	}
	.etf-style .img_area4 .graph {
		display: block;
		background: url(../images/enquete/style/img3_fig02_sp.png) no-repeat 0 0;
		background-size: 180px 181px;
		width: 0;
		height: 200px;
		z-index: 0;
		position: absolute;
		top: 23px;
		left: 105px;
		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 {
		background-position: 0 0;
		width: 181px;
	}
	.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: 42px 37px;
		left: 169px;
		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: 42px 37px;
		left: 212px;
		top: 83px;
	}
	.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: 42px 37px;
		left: 272px;
		top: 110px;
	}
	.etf-who .mottoBox p:last-of-type {
		font-size: 13px;
	}
}

@media only screen and (min-width: 0px) and (max-width: 320px) {
	.etf-style .img_wrap3 {
		background-size: auto 60px;
		width: 300px;
		height: 280px;
	}
	.etf-style .img_area4 {
		background: url(../images/enquete/style/img3_fig01_sp.png) no-repeat 0 16px;
		background-size: 300px auto;
		width: 300px;
		height: 209px;
		position: relative;
		padding-top: 16px;
	}
	.etf-style .img_area4 .graph {
		display: block;
		background: url(../images/enquete/style/img3_fig02_sp.png) no-repeat 0 0;
		background-size: 159px 160px;
		width: 0;
		height: 160px;
		z-index: 0;
		position: absolute;
		top: 19px;
		left: 93px;
	}
	.etf-style .img_area4 .graph.view {
		width: 159px;
	}
	.etf-style .img_area4 .rank1, .etf-style .img_area4 .rank2, .etf-style .img_area4 .rank3 {
		width: 36px;
		height: 32px;
		background-size: 36px 32px;
	}
	.etf-style .img_area4 .rank3 {
		left: 144px;
	}
	.etf-style .img_area4 .rank2 {
		left: 179px;
		top: 71px;
	}
	.etf-style .img_area4 .rank1 {
		left: 236px;
		top: 95px;
	}
}
/*----------------------------------------------------------
【ETF】サイトマップ
----------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.sitemap_wrap .sitemap_ul li{
		margin:0 0 30px 0; 
	}
	.sitemap_wrap .sitemap_ul li div{
		margin-top: 16px;
	}
	.sitemap_wrap .sitemap_ul li div ul{
		width: 47%;
		margin-right: 2%;
	}
	.sitemap_wrap .sitemap_ul li div ul:nth-child(1),
	.sitemap_wrap .sitemap_ul li div ul:nth-child(2){
		margin-bottom: 24px;
	}
}

@media only screen and (min-width: 0) and (max-width: 767px) {
	.sitemap_wrap .sitemap_ul li{
		margin:0 0 30px 0; 
	}
	.sitemap_wrap .sitemap_ul li div{
		margin-top: 16px;
	}
	.sitemap_wrap .sitemap_ul li div ul{
		width: 100%;
		margin-right: 0;
		margin-bottom: 18px;
	}
}