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

 ETF

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

@media only screen and (min-width: 768px) {
    .hide_sp {
        display: block;
    }
    .hide_pc {
        display: none !important;
    }
}
#main_visual {
    background: #2677ab url(../images/top/hdg_01.png) no-repeat 50% 0;
    height: 182px;
}
#main_visual h3 img {
    display: none;
}
#main_visual p {
    position: relative;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
}
#main_visual p a {
    position: absolute;
    right: 0;
    display: block;
    background: url(../images/top/hdg_02.png) no-repeat right 0;
    width: 460px;
    height: 182px;
    text-indent: -9999px;
}
#main_visual p a:hover {
    background: url(../images/top/hdg_02_on.png) no-repeat right 0;
}
.index_section01 {
    background: #edeff1;
    padding: 46px 0 38px;
}
.index_section01 .inner {
    position: relative;
    height: 170px;
}
.index_section01 h3 {
    font-size: 32px;
    line-height: 1.25;
    font-weight: bold;
    margin-bottom: 21px;
}
.index_section01 .description {
    font-size: 16px;
    line-height: 1.5;
    width: 460px;
}
.index_section01 .description span {
    font-weight: bold;
    color: #d4111e;
}
.index_section01 ul {
    width: 459px;
    position: absolute;
    right: 0;
    top: 0;
}
.index_section01 ul li {
    float: left;
    width: 225px;
    height: 80px;
    margin-right: 9px;
    margin-bottom: 10px;
    font-size: 0 !important;
    line-height: 0;
    text-indent: -9999px !important;
}
.index_section01 ul li.item1 {
    background: #555353 url(../images/top/bg_sec1_01.png) no-repeat 50% 0;
}
.index_section01 ul li.item2 {
    background: #555353 url(../images/top/bg_sec1_02.png) no-repeat 50% 0;
}
.index_section01 ul li.item3 {
    background: #555353 url(../images/top/bg_sec1_03.png) no-repeat 50% 0;
}
.index_section01 ul li.item4 {
    background: #555353 url(../images/top/bg_sec1_04.png) no-repeat 50% 0;
}
.index_section01 ul li:nth-child(even) {
    margin-right: 0;
}
.index_section01 ul li:nth-last-child(1), .index_section01 ul li:nth-last-child(2) {
    margin-bottom: 0;
}
.index_section02 {
    background: #63a4b8;
}
.index_section02 .inner {
    position: relative;
    height: 740px;
    padding: 38px 0 0;
}
.index_section02 h3 {
    color: #fff;
    font-size: 32px;
    line-height: 1.25;
    font-weight: bold;
    margin-bottom: 16px;
}
.index_section02 ul {
    width: 616px;
    overflow: hidden;
}
.index_section02 ul li {
    background-color: #fff;
    border: 2px solid #3b4885;
    border-bottom: 4px solid #3b4885;
    border-radius: 5px;
    display: table;
    width: 290px;
    height: 120px;
    float: left;
    margin-right: 18px;
    margin-bottom: 10px;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.index_section02 ul li a {
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
    color: #1d2d7c;
    padding: 0 0 0 88px;
    text-decoration: none;
    font-size: 22px;
    line-height: 28.6px;
    position: relative;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.index_section02 ul li a:after {
    content: "";
    display: block;
    background: url(../images/top/icon_sec2_arrow01.png) no-repeat 0 0;
    width: 9px;
    height: 9px;
    position: absolute;
    right: 2px;
    bottom: 2px;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.index_section02 ul li a span {
    display: inline-block;
    background: #d4111e;
    color: #fff;
    font-size: 12px;
    line-height: 21px;
    padding: 0 6px;
    font-weight: normal;
}
.index_section02 ul li:hover {
    background-color: #1d2d7c;
    border-color: #3b4885;
}
.index_section02 ul li:hover a {
    color: #fff;
}
.index_section02 ul li.single a {
    line-height: 1;
    padding: 0 0 0 98px;
}
.index_section02 ul.contents_ul li {
    width: 100%;
    height: auto;
    min-height: 142px;
    position: relative;
}
.index_section02 ul.contents_ul li a {
    text-decoration: none;
    display: block;
    padding: 12px 10px;
    color: #1d2d7c;
}
.index_section02 ul.contents_ul li:hover {
    background-color: #fff;
    border-color: #3b4885;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.index_section02 ul.contents_ul li.li01 a:before, .index_section02 ul.contents_ul li.li02 a:before, .index_section02 ul.contents_ul li.li03 a:before, .index_section02 ul.contents_ul li.li04 a:before {
    content: "";
    display: block;
    width: 102px;
    height: 77px;
    position: absolute;
    top: 12px;
    left: 12px;
    background-size: 36px auto;
    background-repeat: no-repeat;
    background-position: 0 0;
    border: solid 1px #ccc;
}
.index_section02 ul.contents_ul li.li01 a:before {
    background: #fff url(../images/top/icon_content01.png) no-repeat 50% 50%;
    background-size: contain;
}
.index_section02 ul.contents_ul li.li02 a:before {
    background: #fff url(../images/top/icon_content02.png) no-repeat 50% 50%;
    background-size: contain;
}
.index_section02 ul.contents_ul li.li03 a:before {
    background: #fff url(../images/top/icon_content03.png) no-repeat 50% 50%;
    background-size: contain;
}
.index_section02 ul.contents_ul li.li04 a:before {
    background: #fff url(../images/top/icon_content04.png) no-repeat 50% 50%;
    background-size: contain;
}
.index_section02 ul.contents_ul li a p {
    padding: 0 0 0 130px;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.4;
}
.index_section02 ul.contents_ul li a p:first-of-type {
    font-weight: bold;
    color: #1d2d7c;
    font-size: 22px;
}
.index_section02 ul.contents_ul li a p.border_btn {
    display: block;
    box-sizing: border-box;
    margin: 8px 0 0 190px;
    line-height: 38px;
    width: 253px;
    border: 1px solid #1d2d7c;
    border-radius: 20px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    font-size: 14px;
    position: relative;
    padding: 0;
    color: #1d2d7c;
    background-color: #fff;
}
.index_section02 ul.contents_ul li a p.border_btn:before {
    content: "";
    display: block;
    background: url(../images/common/icon_arrow02.png) no-repeat 0 0;
    width: 4px;
    height: 7px;
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.index_section02 ul.contents_ul li:hover a p.border_btn {
    color: #fff;
    background-color: #1d2d7c;
}
.index_section02 ul.contents_ul li:hover a p.border_btn:before {
    background: url(../images/common/icon_arrow01.png) no-repeat 0 0;
}
.index_section02 .sub_section {
    background: #b0dbe6 url(../images/top/bg_sec2.png) no-repeat 0 100%;
    width: 320px;
    height: 740px;
    position: absolute;
    right: 0;
    top: 0;
}
.index_section02 .sub_section h4 {
    font-size: 0 !important;
    line-height: 0;
    text-indent: -9999px !important;
    background: url(../images/top/hdg_sec2.png) no-repeat 0 0;
    width: 266px;
    height: 117px;
    position: relative;
    margin: 0 auto 2px;
    top: -9px;
}
.index_section02 .sub_section ul {
    width: 280px;
    margin: 0 auto;
}
.index_section02 .sub_section ul li {
    width: 280px;
    background-repeat: no-repeat;
    background-position: 18px 50%;
    background-image: url(../images/top/icon_sec2_02.png);
    background-size: 61px auto;
}
.index_section02 .sub_section ul li:nth-child(1) {
    margin-right: 0;
}
.index_section02 .sub_section ul li:hover a:after {
    background: url(../images/top/icon_sec2_arrow02.png) no-repeat 0 0;
}
.index_section03 {
    background: url(../images/top/bg_sec3_1.png) no-repeat 50% 50%;
    background-size: cover;
    border-bottom: solid 2px #ccc;
}
.index_section03 .inner {
    min-height: 289px;
    padding: 66px 0 44px;
}
.index_section03 h3 {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    margin-bottom: 18px;
}
.index_section03 h3 span {
    font-size: 17px;
    font-weight: normal;
    display: block;
    margin-bottom: 12px;
}
.index_section03 h3 br {
    display: none;
}
.index_section03 .sub_section {
    background: rgba(38, 119, 171, 0.85);
    border: 4px solid #2677ab;
    width: 833px;
    height: 179px;
    box-sizing: border-box;
    margin: 0 auto;
    position: relative;
    padding: 32px 212px 0 0;
}
.index_section03 .sub_section:before {
    content: "";
    display: block;
    background: url(../images/top/hdg_sec3.png) no-repeat 0 0;
    width: 236px;
    height: 54px;
    position: absolute;
    left: -15px;
    top: -26px;
}
.index_section03 .sub_section:after {
    content: "";
    display: block;
    background: url(../images/top/bg_sec3_2.png) no-repeat 0 0;
    width: 246px;
    height: 249px;
    position: absolute;
    right: -10px;
    top: -39px;
}
.index_section04 {
    background: #edeff1;
}
.index_section04 .inner {
    width: 960px;
    padding: 66px 0 49px;
}
.index_section04 h3 {
    color: #333333;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    margin-bottom: 42px;
}
.index_section04 .fund_list {
    width: 100%;
    display: table;
    border-collapse: collapse;
    border-spacing: 0;
}
.index_section04 .fund_list .fund_list_head {
    display: table-header-group;
}
.index_section04 .fund_list .fund_list_head section {
    border-bottom: 2px solid #999;
}
.index_section04 .fund_list .fund_list_head section .fund_list_cell {
    text-align: center;
    font-size: 12px;
    line-height: 1;
    padding: 0 0 16px;
    font-weight: bold;
}
.index_section04 .fund_list .fund_list_body {
    display: table-row-group;
}
.index_section04 .fund_list .fund_list_body section .fund_list_cell {
    font-weight: normal;
    font-size: 14px;
    line-height: 1.25;
}
.index_section04 .fund_list .fund_list_body section .fund_list_cell.cell1 {
    font-weight: bold;
    font-size: 16px;
    line-height: 1.25;
}
.index_section04 .fund_list .fund_list_body section .fund_list_cell.cell3 {
    padding-top: 34px;
    padding-bottom: 34px;
}
.index_section04 .fund_list section {
    display: table-row;
    border-bottom: 1px solid #999;
}
.index_section04 .fund_list section .fund_list_cell {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding: 20px 0 20px 20px;
    font-size: 16px;
    overflow: hidden;
}
.index_section04 .fund_list section .fund_list_cell.cell1 {
    width: 35.41667%;
    font-weight: bold;
}
.index_section04 .fund_list section .fund_list_cell.cell2 {
    width: 29.47917%;
}
.index_section04 .fund_list section .fund_list_cell.cell3 {
    width: 35.10417%;
}
.index_section04 .fund_list section .fund_list_cell .btn_wrap {
    float: left;
    width: 140px;
    margin-right: 17px;
}
.index_section04 .fund_list section .fund_list_cell .border_btn {
    float: left;
    width: 140px;
    font-size: 12px;
}
.index_section04 .fund_list section:last-child .fund_list_cell.cell3 .border_btn {
    float: none;
    width: 140px;
    font-size: 12px;
}
.index_section04 .fund_list section .fund_list_cell .border_btn:before {
    left: 15px;
}
.index_section04 .fund_list .fund_list_icon {
    padding: 0 0 0 67px;
    position: relative;
}
.index_section04 .fund_list .fund_list_icon:before {
    content: "";
    display: block;
    position: absolute;
    left: 4px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.index_section04 .fund_list .fund_list_icon.icon01:before {
    background: url(../images/top/ico_fund_list01.png) no-repeat 0 0;
    width: 48px;
    height: 30px;
}
.index_section04 .fund_list .fund_list_icon.icon02:before {
    background: url(../images/top/ico_fund_list02.png) no-repeat 0 0;
    width: 50px;
    height: 31px;
    left: 0;
}
.index_section04 .fund_list .fund_list_icon.icon03:before {
    background: url(../images/top/ico_fund_list03.png) no-repeat 0 0;
    width: 44px;
    height: 27px;
}
.index_section04 .fund_list .label {
    color: #fff;
    background-color: #63a4b8;
    text-align: center;
    display: inline-block;
    line-height: 20px;
    height: 20px;
    padding: 0 8px;
    margin-top: 8px;
    font-size: 12px;
    font-weight: normal;
}
/*----------------------------------------------------------
    下層
----------------------------------------------------------*/
.lazy_img {
    text-align: center;
    padding: 15px 0;
    opacity: 0;
    -webkit-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
    width: 70%;
    margin: 25px auto;
}
.lazy_img.inview {
    opacity: 1;
}
.lazy_img img {
    width: 100%;
}
.guide_section .section_body .lazy_img p.caption {
    font-size: 12px;
    margin: 0.8rem 0 0;
    text-indent: -2.2rem;
    padding-left: 2.2rem;
    text-align: left;
    line-height: 1.5;
}
.guide_section .section_body .lazy_img p.caption2 {
    font-size: 12px;
    margin: 0.8rem 0 0;
    text-align: left;
    line-height: 1.5;
}
.basic_img {
    text-align: center;
    padding: 15px 0;
    display: block;
    overflow: hidden;
    width: 60%;
    margin: 25px auto;
}
.basic_img img {
    width: 100%;
}
.index_disc {
    margin: 50px 0 0;
    border: solid 1px #ccc;
    padding: 12px 16px;
}
.index_disc p {
    font-size: 11px;
    margin-bottom: 0.5rem;
    line-height: 1.5;
}
.index_disc p:first-child {
    font-size: 13px;
    margin-bottom: 0.5rem;
}
/*----------------------------------------------------------
    解説ページ
----------------------------------------------------------*/
.guide_wrap .inner {
    width: 960px;
    overflow: hidden;
    padding: 0 0 56px;
    border-bottom: solid 5px #2677AB;
}
#guide_main {
    width: 730px;
    float: left;
}
#guide_side {
    float: right;
    width: 200px;
}
#guide_side .side_nav {
    margin-bottom: 18px;
}
#guide_side .side_nav > ul > li {
    background: #cadbe6;
    padding-left: 4px;
    margin-bottom: 2px;
}
#guide_side .side_nav > ul > li:nth-child(4) {
    margin-bottom: 9px;
}
#guide_side .side_nav > ul > li h2 {
    color: #333;
    font-size: 13px;
    line-height: 14px;
    font-weight: bold;
    padding: 8px 0 8px 9px;
}
#guide_side .side_nav > ul > li h2 a {
    color: #333;
    text-decoration: none;
    display: inline-block;
    background: url(../images/common/icon_arrow02.png) no-repeat 2px 50%;
    padding: 0 0 0 16px;
    line-height: 2;
}
#guide_side .side_nav > ul > li h2 a:hover {
    text-decoration: underline;
}
#guide_side .side_nav > ul > li ul li {
    background: #edeff1;
    margin-bottom: 0;
}
#guide_side .side_nav > ul > li ul li a {
    display: block;
    padding: 10px 5px 10px 33px;
    background: url(../images/common/icon_arrow02.png) no-repeat 18px 50%;
    color: #333;
    font-size: 13px;
    line-height: 25px;
    text-decoration: none;
}
#guide_side .side_nav > ul > li ul li a:hover {
    text-decoration: underline;
}
#guide_side .side_nav > ul > li.current {
    background: #63a4b8;
}
#guide_side .side_nav > ul > li.current h2 {
    color: #fff;
}
#guide_side .side_nav > ul > li.current h2 a {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    background: url(../images/common/icon_arrow01.png) no-repeat 2px 50%;
    padding: 0 0 0 16px;
}
#guide_side .side_nav > ul > li.current ul {
    background: #63a4b8;
}
#guide_side .side_nav > ul > li.current ul li {
    background: #89b8c6;
}
#guide_side .side_nav > ul > li.current ul li a {
    display: block;
    padding: 10px 5px 10px 33px;
    background: url(../images/common/icon_arrow01.png) no-repeat 18px 50%;
    color: #fff;
    font-size: 13px;
    text-decoration: none;
}
#guide_side .side_nav > ul > li.current ul li a:hover {
    text-decoration: underline;
}
#guide_side .side_nav > ul > li.current ul li.current a {
    pointer-events: none;
    color: #63a4b8;
    background: #89b8c6 url(../images/guide/common/bg_img02.png) no-repeat 7px 50%;
}
#guide_side .banner_btn {
    background-color: #fff;
    border: 2px solid #3b4885;
    border-bottom: 4px solid #3b4885;
    border-radius: 5px;
    display: table;
    width: 100%;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    margin-bottom: 15px;
}
#guide_side .banner_btn a {
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
    color: #1d2d7c;
    text-decoration: none;
    font-size: 18px;
    line-height: 1;
    position: relative;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
#guide_side .banner_btn a:after {
    content: "";
    display: block;
    background: url(../images/top/icon_sec2_arrow01.png) no-repeat 0 0;
    width: 9px;
    height: 9px;
    position: absolute;
    right: 2px;
    bottom: 2px;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
#guide_side .banner_btn:hover {
    background-color: #1d2d7c;
    border-color: #3b4885;
}
#guide_side .banner_btn:hover a {
    color: #fff;
}
#guide_side .banner_btn:hover a:after {
    background: url(../images/top/icon_sec2_arrow02.png) no-repeat 0 0;
}
#guide_side .banner_btn.banner1 {
    background-image: url(../images/top/icon_sec2_02.png);
    background-size: 43px auto;
    background-repeat: no-repeat;
    background-position: 14px 50%;
    height: 81px;
    margin-bottom: 15px;
}
#guide_side .banner_btn.banner1 a {
    padding: 0 0 0 69px;
}
#guide_side .banner_btn.banner1 a .label {
    display: inline-block;
    background: #d4111e;
    color: #fff;
    font-size: 10px;
    line-height: 17px;
    padding: 0 9px;
    font-weight: normal;
}
#guide_side .banner_btn.banner2 {
    position: relative;
    height: 106px;
    width: auto;
    margin: 0;
    display: block;
}
#guide_side .banner_btn.banner2:before {
    content: "";
    display: block;
    position: absolute;
    background: url(../images/guide/common/hdg_side_special.png) no-repeat 0 0;
    width: 127px;
    height: 28px;
    top: -7px;
    left: -7px;
    z-index: 0;
}
#guide_side .banner_btn.banner2:after {
    content: "";
    display: block;
    position: absolute;
    background: url(../images/guide/common/fig_side_special1.png) no-repeat 0 0;
    width: 38px;
    height: 54px;
    top: -11px;
    right: 3px;
    z-index: 0;
}
#guide_side .banner_btn.banner2 a {
    padding: 22px 0 0 22px;
    font-size: 15px;
    line-height: 21px;
    vertical-align: top;
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
}
#guide_side .banner_btn.banner2 a span {
    font-size: 11px;
    display: block;
}
#guide_side .banner_btn.banner2 a:before {
    content: "";
    display: block;
    position: absolute;
    background: url(../images/guide/common/fig_side_special2.png) no-repeat 0 0;
    width: 19px;
    height: 51px;
    bottom: -7px;
    left: 2px;
    z-index: 0;
}
.page_header {
    background: #2677ab;
    margin-bottom: 39px;
}
.page_header_inner {
    width: 960px;
    margin: 0 auto;
    position: relative;
}
.page_header .page_title {
    width: 960px;
    margin: 0 auto;
    font-size: 38px;
    color: #fff;
    line-height: 100px;
    font-weight: bold;
    letter-spacing: 3px;
}
.page_header p {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 200px;
    height: 100px;
}
.page_header p img.spLogo {
    display: none;
}
.page_header2 {
    background: #2677ab;
    margin-bottom: 15px;
    width: 100%;
    max-width: 1130px;
    margin: 0 auto;
}
.page_header2 .page_header_inner {
    width: 100%;
    max-width: 1130px;
    margin: 0 auto;
    position: relative;
}
.page_header2 .page_title {
    width: 100%;
    max-width: 1130px;
    margin: 0 auto;
    font-size: 38px;
    color: #fff;
    line-height: 1;
    font-weight: bold;
    letter-spacing: 3px;
    padding: 34px 0 34px 90px;
    position: relative;
}
#information-main .page_header2 .page_title:before {
    content: "";
    background: url(../images/common/icon_gnav03.png) no-repeat 0 0;
    position: absolute;
    width: 50px;
    height: 42px;
    left: 24px;
    top: 34px;
}
#report-main .page_header2 .page_title:before {
    content: "";
    background: url(../images/common/icon_gnav05.png) no-repeat 0 0;
    background-size: 46px auto;
    position: absolute;
    width: 50px;
    height: 42px;
    left: 24px;
    top: 30px;
}
#institutional-investors-main .page_header2 .page_title:before {
    content: "";
    background: url(../images/common/icon_gnav06.png) no-repeat 0 0;
    position: absolute;
    width: 60px;
    height: 42px;
    left: 24px;
    top: 30px;
}
.section_list {
    background: #89b8c6;
    position: relative;
    top: 11px;
    padding: 14px 25px;
    margin-bottom: 56px;
}
.section_list li {
    margin-bottom: 6px;
}
.section_list li:last-child {
    margin-bottom: 0;
}
.section_list li a {
    color: #fff;
    background: url(../images/guide/common/icon_arrow01.png) no-repeat 0 50%;
    padding: 0 0 0 22px;
    font-size: 15px;
    line-height: 26px;
}
.section_list:before {
    content: "";
    display: block;
    position: absolute;
    background: url(../images/guide/common/bg_arrow01.png) no-repeat 0 0;
    width: 32px;
    height: 11px;
    top: -11px;
    left: 21px;
}
.guide_section {
    padding-bottom: 40px;
    padding-top: 70px;
    margin-top: -70px;
}

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

/*----------------------------------------------------------
【ETF】アンケートトップ
----------------------------------------------------------*/
#enquete_visual {
    background: #bdeaf3;
    height: 272px;
    position: relative;
}
#enquete_visual h3 {
    background: url(../images/enquete/top/hdg_01.png) no-repeat 50% 33px;
    background-size: contain;
    height: 239px;
    text-indent: -9999px !important;
}
#enquete_visual:before {
    content: "";
    display: block;
    background: url(../images/enquete/top/hdg_02.png) no-repeat 0 0;
    width: 377px;
    height: 119px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -58px;
    margin: 0 auto;
}
/* section01 */
.enquete_section01 {
    background-color: #eeecee;
}
.enquete_section01 .inner {
    padding: 76px 0 60px;
}
.enquete_section01 .description {
    text-align: center;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 18px;
}
.enquete_section01 h3 {
    color: #ff4566;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    line-height: 1;
    margin-bottom: 35px;
}
.enquete_section01 h4 {
    font-weight: bold;
    font-size: 20px;
    line-height: 1.5;
    padding: 19px 20px 0 24px;
}
.enquete_section01 h4 span {
    color: #ff4566;
}
.enquete_section01 ul {
    overflow: hidden;
}
.enquete_section01 ul li {
    float: left;
    width: 31.77013%; /* 305px */
    height: 220px;
    position: relative;
    margin-right: 2.29166%; /* 22px */
    margin-bottom: 22px;
}
.enquete_section01 ul li:nth-child(4), .enquete_section01 ul li:nth-child(5), .enquete_section01 ul li:nth-child(6) {
    margin-bottom: 0;
}
.enquete_section01 ul li a {
    display: block;
    color: #333;
    text-decoration: none;
    height: 220px;
}
.enquete_section01 ul li:nth-child(3n) {
    margin-right: 0;
}
.enquete_section01 ul li .list_inner {
    border: 3px solid #331613;
    box-sizing: border-box;
    height: 195px;
    background: #fff url(../images/enquete/top/bg_sec1.png) no-repeat 50% 172px;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.enquete_section01 ul li:hover .list_inner {
    border-color: #ff4566;
}
.enquete_section01 ul li .border_btn {
    max-width: 190px;
    position: relative;
    margin: auto;
    right: 0;
    left: 0;
    top: -22px;
    z-index: 5;
    border-width: 2px;
    line-height: 36px;
    font-size: 14px;
}
.enquete_section01 ul li .border_btn:before {
    left: 18px;
}
.enquete_section01 ul li a:hover .border_btn {
    border-color: #fff;
}
.enquete_section01 ul li a:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
}
.enquete_section01 ul li.item1 a:before {
    background: #fff url(../images/enquete/top/bg_sec2.png) no-repeat 0 0;
    width: 154px;
    height: 99px;
    left: 0;
    right: 0;
    bottom: 30px;
    margin: auto;
}
.enquete_section01 ul li.item2 a:before {
    background: #fff url(../images/enquete/top/bg_sec3.png) no-repeat 0 0;
    width: 167px;
    height: 104px;
    left: 0;
    right: 0;
    bottom: 32px;
    margin: auto;
}
.enquete_section01 ul li.item3 a:before {
    background: #fff url(../images/enquete/top/bg_sec4.png) no-repeat 0 0;
    width: 224px;
    height: 133px;
    left: 0;
    right: 0;
    bottom: 42px;
    margin: auto;
}
.enquete_section01 ul li.item4 a:before {
    background: #fff url(../images/enquete/top/bg_sec5.png) no-repeat 0 0;
    width: 106px;
    height: 79px;
    left: 0;
    right: 0;
    bottom: 52px;
    margin: auto;
}
.enquete_section01 ul li.item5 a:before {
    background: url(../images/enquete/top/bg_sec6.png) no-repeat 0 0;
    background-size: contain;
    width: 90%;
    max-width: 259px;
    height: 76px;
    left: 0;
    right: 0;
    bottom: 52px;
    margin: auto;
}
.enquete_section01 ul li.item6 a:before {
    background: #fff url(../images/enquete/top/bg_sec7.png) no-repeat 0 0;
    width: 219px;
    height: 100px;
    left: 0;
    right: 0;
    bottom: 48px;
    margin: auto;
}
/*----------------------------------------------------------
【ETF】アンケート 下層共通
----------------------------------------------------------*/
#enquete_visual.visual2 {
    background: #bdeaf3;
    height: 200px;
}
#enquete_visual.visual2 h3 {
    background: #bdeaf3 url(../images/enquete/common/hdg_01.png) no-repeat 50% 27px;
    background-size: contain;
    height: 200px;
}
#enquete_visual.visual2:before {
    display: none;
}
/* section02 */
.enquete_section02 {
    padding: 30px 0 32px;
}
.enquete_section02 ul {
    padding: 0 10px;
}
.enquete_section02 ul li {
    float: left;
    width: 31.25%;  /* 300px */
    height: 50px;
    position: relative;
    margin-right: 20px;
    text-align: center;
    border: 2px solid #333333;
    border-radius: 4px;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    display: table;
}
.enquete_section02 ul li:nth-child(3) {
    margin-right: 0;
}
.enquete_section02 ul li:nth-child(6) {
    margin-right: 0;
}
.enquete_section02 ul li:nth-child(4), .enquete_section02 ul li:nth-child(5), .enquete_section02 ul li:nth-child(6) {
    margin-top: 20px;
}
.enquete_section02 ul li a {
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
    color: #333333;
    display: table-cell;
    vertical-align: middle;
    height: 46px;
    line-height: 1.5;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.enquete_section02 ul li:hover {
    background: #ff4566;
}
.enquete_section02 ul li:hover a {
    color: #fff;
}
.enquete_section02 ul li.current {
    border-color: #ff4566;
    background: #ff4566;
    position: relative;
    border-radius: 4px 4px 0 0;
}
.enquete_section02 ul li.current a {
    color: #fff;
    pointer-events: none;
}
.enquete_section02 ul li.current:after {
    content: "";
    display: block;
    height: 4px;
    width: 108%; /* 320px */
    position: absolute;
    bottom: 0;
    left: -4%; /* -12px */
    background: #ff4566;
}
/* section03 */
.enquete_section03 {
    background-color: #bdeaf3;
}
.enquete_section03 .inner {
    padding: 58px 0 62px;
}
.enquete_section03 h3 {
    font-size: 28px;
    line-height: 48px;
    font-weight: bold;
    position: relative;
    border-top: 2px solid #333333;
    border-bottom: 2px solid #333333;
    padding: 16px 0 16px 70px;
    margin-bottom: 50px;
}
.enquete_section03 h3:before {
    content: "Q";
    display: inline-block;
    font-size: 48px;
    line-height: 48px;
    position: absolute;
    left: 5px;
    top: 16px;
}
.enquete_section03 h4 {
    font-size: 24px;
    line-height: 40px;
    font-weight: bold;
    position: relative;
    text-align: center;
    margin-bottom: 40px;
    padding: 0;
    left: 0;
}
.enquete_section03 h4.margin2 {
    margin-bottom: 25px;
}
.enquete_section03 h4.margin3 {
    margin-bottom: 42px;
}
.enquete_section03 h4.margin3 {
    margin-bottom: 19px;
}
.enquete_section03 h4:before {
    content: "Q";
    display: inline-block;
    font-size: 40px;
    line-height: 40px;
    position: relative;
    top: 5px;
    margin-right: 15px;
}
.enquete_section03 h4 .multiple_ans {
    font-size: 20px;
    font-weight: normal;
}
/* .border_bottom */
.border_bottom {
    padding-bottom: 60px;
    border-bottom: 1px dashed #000;
    margin-bottom: 60px;
}
/* .point_area  */
.point_area {
    background: #d3f3fa url(../images/enquete/common/icon_eexclamation.png) no-repeat 34px 50%;
    padding: 17px 17px 17px 72px;
}
.point_area.height2 {
    padding: 29px 17px 29px 72px;
}
.point_area p {
    font-size: 16px;
    line-height: 1.625;
}
.point_area p .strong {
    color: #ff4566;
    font-weight: bold;
}
.point_area_add p {
    border-top: 1px dashed #000;
    padding-top: 22px;
    font-size: 16px;
}
.point_area_add p span {
    color: #fff;
    background: #333;
    text-align: center;
    line-height: 1;
    padding: 0.2rem 1.7rem;
    margin-right: 1.3rem;
}
.point_area_add p a {
    color: #333;
    background: url(../images/common/icon_arrow02.png) no-repeat 0 center;
    padding-left: 1rem;
    font-weight: bold;
}
/* .point_area2  */
.point_area2 {
    padding-top: 22px;
    font-size: 15px;
    line-height: 1.2;
    margin: 0 0 60px;
}
/* .point_area 番外編  */
.point_area_add {
    background: #d3f3fa;
    padding: 0 35px 22px;
    margin: 0;
}
/* .paging_nav  */
.paging_nav {
    overflow: hidden;
}
.paging_nav .btn_label {
    font-size: 12px;
    line-height: 1;
    margin-bottom: 4px;
}
.paging_nav .border_btn {
    width: auto;
    max-width: 330px;
}
.paging_nav .border_btn:before {
    width: 7px;
    height: 11px;
}
.paging_nav .backto_index_btn {
    margin-bottom: 34px;
}
.paging_nav .backto_index_btn .border_btn {
    max-width: 600px;
    height: 60px;
    line-height: 56px;
    border-radius: 30px;
    font-size: 21px;
    font-weight: bold;
    border-width: 2px;
}
.paging_nav .backto_index_btn .border_btn:before {
    background: url(../images/common/icon_arrow05.png) no-repeat 0 0;
}
.paging_nav .backto_index_btn .border_btn:hover {
    border-color: #1d2d7c;
    color: #fff;
    background-color: #1d2d7c;
}
.paging_nav .backto_index_btn .border_btn:hover:before {
    background: url(../images/common/icon_arrow06.png) no-repeat 0 0;
}
.paging_nav .prev_btn {
    float: left;
    width: 50%;
}
.paging_nav .prev_btn .btn_label {
    text-align: left;
}
.paging_nav .prev_btn .border_btn {
    border-width: 2px;
    line-height: 36px;
    margin: 0 auto 0 0;
}
.paging_nav .prev_btn .border_btn:before {
    background: url(../images/common/icon_arrow03.png) no-repeat 0 0;
}
.paging_nav .prev_btn .border_btn:hover {
    border-color: #1d2d7c;
    color: #fff;
    background-color: #1d2d7c;
}
.paging_nav .prev_btn .border_btn:hover:before {
    background: url(../images/common/icon_arrow04.png) no-repeat 0 0;
}
.paging_nav .next_btn {
    float: right;
    width: 50%;
}
.paging_nav .next_btn .btn_label {
    text-align: right;
}
.paging_nav .next_btn .border_btn {
    border-width: 2px;
    line-height: 36px;
    margin: 0 0 0 auto;
}
.paging_nav .next_btn .border_btn:before {
    background: url(../images/common/icon_arrow05.png) no-repeat 0 0;
    left: auto;
    right: 20px;
}
.paging_nav .next_btn .border_btn:hover {
    border-color: #1d2d7c;
    color: #fff;
    background-color: #1d2d7c;
}
.paging_nav .next_btn .border_btn:hover:before {
    background: url(../images/common/icon_arrow06.png) no-repeat 0 0;
}
/*----------------------------------------------------------
【ETF】アンケート who
----------------------------------------------------------*/
.etf-who .box_wrap1 {
    margin: 0 auto 60px;
}
.maleBox, .femaleBox {
    width: 44.5833%;
    height: 430px;
    display: inline-block;
    margin: 0 2.5%;
    vertical-align: top;
    opacity: 0;
    margin-top: 100px;
}
.maleBox.view, .femaleBox.view {
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    opacity: 1;
    margin-top: 0px;
}
.maleBox {
    background: #fff url(../images/enquete/who/icon_male.png) no-repeat center bottom;
    background-size: auto 146px;
}
.femaleBox {
    background: #fff url(../images/enquete/who/icon_female.png) no-repeat center bottom;
    background-size: auto 146px;
}
.maleBox p:first-child, .femaleBox p:first-child {
    text-align: center;
    padding: 0.3rem;
    color: #fff;
    font-size: 16px;
}
.maleBox p:first-child {
    background: #c586c1;
}
.femaleBox p:first-child {
    background: #ff8197;
}
.etf-who .box_wrap1 dl {
    padding: 1.5rem;
    width: 100%;
}
.etf-who .box_wrap1 dl dt {
    display: block;
    width: 30%;
    clear: left;
    float: left;
}
.etf-who .box_wrap1 dl dd {
    display: block;
    width: 70%;
    float: left;
    font-weight: bold;
}
.etf-who .box_wrap1 dl dt {
    padding-top: 0.5rem;
}
.etf-who .box_wrap1 dl:first-of-type dd:first-of-type span {
    font-size: 20px;
}
.maleBox dl:first-of-type dd:first-of-type, .maleBox dl dd tr:first-of-type td {
    color: #a15f9d;
    font-size: 32px;
}
.femaleBox dl:first-of-type dd:first-of-type, .femaleBox dl dd tr:first-of-type td {
    color: #ff4566;
    font-size: 32px;
}
.etf-who .box_wrap1 dl dd table {
    width: 100%;
}
.etf-who .box_wrap1 dl dd td {
    vertical-align: middle;
    padding: 0 0 1rem 0;
    font-size: 16px;
}
.etf-who .box_wrap1 dl dd td:last-of-type {
    font-weight: normal;
    text-align: right;
}
.etf-who .box_wrap1 dl dd tr:first-of-type td:last-of-type {
    font-weight: bold;
    font-size: 22px;
}
.etf-who .box_wrap1 dl dd tr:last-of-type td {
    font-weight: normal;
    font-size: 13px;
}
/*******************
 グラフ1
*******************/
.etf-who .img_wrap1 {
    position: relative;
    margin-bottom: 65px;
}
.etf-who .img_wrap1 .head, .etf-who .img_wrap2 .head {
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    margin-bottom: 22px;
}
.etf-who .img_wrap1 .img_area_wrap {
    width: 860px;
    height: auto;
    margin: auto;
}
.etf-who .img_area0 {
    width: 100%;
    font-size: 0 !important;
    line-height: 0;
    text-indent: -9999px !important;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    opacity: 0;
    background: url(../images/enquete/who/img1_fig01.png) no-repeat 0 191px;
    background-size: 860px auto;
    height: 191px;
}
.etf-who .img_area0.view {
    opacity: 1;
    background-position: 0 0;
}
/*******************
 グラフ2
*******************/
.etf-who .img_wrap2 {
    position: relative;
    margin-bottom: 40px;
}
.etf-who .img_wrap2 .img_area_wrap {
    width: 89.583%;
    height: auto;
    margin: auto;
}
.etf-who .img_area1 {
    width: 100%;
    font-size: 0 !important;
    line-height: 0;
    text-indent: -9999px !important;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    opacity: 0;
    background: url(../images/enquete/who/img2_fig01.png) no-repeat 0 182px;
    background-size: 860px auto;
    height: 182px;
}
.etf-who .img_area1.view, .etf-who .img_area2.view {
    opacity: 1;
    background-position: 0 0;
}
.etf-who .img_area2 {
    width: 100%;
    font-size: 0 !important;
    line-height: 0;
    text-indent: -9999px !important;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    opacity: 0;
    background: url(../images/enquete/who/img2_fig02.png) no-repeat 0 55px;
    background-size: 860px auto;
    height: 55px;
    margin-top: 15px;
}
/*******************
mottoBox
*******************/
.mottoBox {
    background: #eeecee;
}
.mottoBox .inner {
    padding-top: 0;
    padding-bottom: 22px;
}
.mottoBox .inner h4 {
    margin-bottom: 30px;
}
.mottoBox .box_wrap {
    margin-bottom: 30px;
}
.motto_title {
    color: #fff;
    background: #333;
    text-align: center;
    font-size: 17px;
    width: 158px;
    margin: 0 auto 15px;
    padding: 0.3rem 0 0.2rem;
}
.mottoBox .leftBox {
    width: 46.875%; /* 450px */
    float: left;
}
.mottoBox p.label {
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 18px;
}
.mottoBox p.label .multiple_ans {
    font-size: 16px;
    font-weight: normal;
}
.font_red {
    color: #ff4566;
}
.mottoBox .leftBox p.data {
    background: url(../images/enquete/who/img3_fig01.png) no-repeat 0 0;
    width: 100%; /* 450px */
    height: 175px;
    text-indent: -9999px;
    margin-top: 58px;
}
.mottoBox .rightBox {
    width: 52.9166%; /* 508px */
    float: right;
    position: relative;
}
.enquete_section03 .inner_bottom {
    padding-top: 0;
}
/*******************
 グラフ3
*******************/
/* img_area */
.etf-who .img_wrap3 .img_area_wrap {
    width: 52.9166%; /* 508px */
    height: auto;
    margin: auto;
}
.etf-who .img_area3 {
    background: url(../images/enquete/who/img3_fig03_01.png) no-repeat 50% 100%;
    width: 100%; /* 508px */
    height: 257px;
    margin: 0 auto;
    position: relative;
}
.etf-who .img_area3 .graph {
    display: block;
    background: url(../images/enquete/who/img3_fig03_02.png) no-repeat 0 0;
    width: 0;
    height: 219px;
    z-index: 0;
    position: absolute;
    top: 6px;
    left: 166px;
    font-size: 0 !important;
    line-height: 0;
    text-indent: -9999px !important;
    -webkit-transition: 2s ease-in-out;
    transition: 2s ease-in-out;
}
.etf-who .img_area3 .graph.view {
    width: 285px;
}
.etf-who .img_wrap3 .img3_fig03_03 {
    position: absolute;
    top: 150px;
    left: -72px;
}
.etf-who .mottoBox p:last-of-type {
    font-size: 14.5px;
}
/*----------------------------------------------------------
【ETF】アンケート why
----------------------------------------------------------*/
/*******************
 グラフ1
*******************/
.etf-why .img_wrap1 {
    position: relative;
    margin-bottom: 30px;
    background: url(../images/enquete/why/img1_bg.png) no-repeat center 36px;
    background-size: 378px auto;
}
.etf-why .img_wrap1 ul {
    width: 100%;
    height: 419px;
    position: relative;
}
.etf-why .img_wrap1 ul li {
    display: block;
    width: 100%;
    font-size: 0 !important;
    line-height: 0;
    text-indent: -9999px !important;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    opacity: 0;
    height: 235px;
    position: absolute;
}
.etf-why .img_wrap1 ul .li01 {
    background: url(../images/enquete/why/img1_fig01.png) no-repeat 0 250px;
    background-size: 235px auto;
    top: 0;
    left: 166px;
}
.etf-why .img_wrap1 ul .li02 {
    background: url(../images/enquete/why/img1_fig02.png) no-repeat 0 250px;
    background-size: 189px auto;
    top: 4px;
    left: 607px;
}
.etf-why .img_wrap1 ul .li03 {
    background: url(../images/enquete/why/img1_fig03.png) no-repeat 0 250px;
    background-size: 180px auto;
    top: 229px;
    left: 711px;
}
.etf-why .img_wrap1 ul .li04 {
    background: url(../images/enquete/why/img1_fig04.png) no-repeat 0 250px;
    background-size: 145px auto;
    top: 135px;
    left: 0;
}
.etf-why .img_wrap1 ul .li05 {
    background: url(../images/enquete/why/img1_fig05.png) no-repeat 0 250px;
    background-size: 135px auto;
    top: 72px;
    left: 822px;
}
.etf-why .img_wrap1 ul .li06 {
    background: url(../images/enquete/why/img1_fig06.png) no-repeat 0 250px;
    background-size: 114px auto;
    top: 305px;
    left: 141px;
}
.etf-why .img_wrap1 ul li.view {
    opacity: 1;
    background-position: 0 0;
}
/*******************
 グラフ2
*******************/
.etf-why .img_wrap2 {
    position: relative;
    margin-bottom: 40px;
    background: url(../images/enquete/why/img2_bg.png) no-repeat center bottom;
    background-size: 960px auto;
}
.etf-why .img_wrap2 ul {
    width: 100%;
    height: 360px;
    position: relative;
}
.etf-why .img_wrap2 ul li {
    display: block;
    width: 100%;
    font-size: 0 !important;
    line-height: 0;
    text-indent: -9999px !important;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    opacity: 0;
    height: 235px;
    position: absolute;
}
.etf-why .img_wrap2 ul .li01 {
    background: url(../images/enquete/why/img2_fig01.png) no-repeat 0 200px;
    background-size: 327px auto;
    top: 0;
    left: 0;
}
.etf-why .img_wrap2 ul .li02 {
    background: url(../images/enquete/why/img2_fig02.png) no-repeat 0 200px;
    background-size: 245px auto;
    top: 22px;
    left: 375px;
    z-index: 2;
}
.etf-why .img_wrap2 ul .li03 {
    background: url(../images/enquete/why/img2_fig03.png) no-repeat 0 200px;
    background-size: 230px auto;
    top: 19px;
    left: 667px;
    z-index: 2;
}
.etf-why .img_wrap2 ul .li04 {
    background: url(../images/enquete/why/img2_fig04.png) no-repeat 0 200px;
    background-size: 188px auto;
    top: 144px;
    left: 482px;
    z-index: 1;
}
.etf-why .img_wrap2 ul .li05 {
    background: url(../images/enquete/why/img2_fig05.png) no-repeat 0 200px;
    background-size: 188px auto;
    top: 135px;
    left: 766px;
    z-index: 1;
}
.etf-why .img_wrap2 ul li.view {
    opacity: 1;
    background-position: 0 0;
}
/*----------------------------------------------------------
【ETF】アンケート attraction
----------------------------------------------------------*/
/*******************
 グラフ1
*******************/
.etf-attraction .img_wrap1 {
    position: relative;
    background: url(../images/enquete/attraction/img1_bg.png) no-repeat 0 0;
    background-size: auto 454px;
    padding-left: 330px;
    height: 454px;
}
.etf-attraction .img_wrap1 dl {
    width: 630px;
    position: relative;
    margin-bottom: 2rem;
}
.etf-attraction .img_wrap1 dl dt {
    display: block;
    width: 540px;
    clear: left;
    float: left;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    opacity: 0;
    height: auto;
    position: relative;
    padding: 10px 0 0 90px;
}
.etf-attraction .img_wrap1 dl dt.view {
    opacity: 1;
}
.etf-attraction .img_wrap1 dl dd {
    display: block;
    width: 90px;
    float: left;
    font-weight: bold;
    text-align: right;
}
.etf-attraction .img_wrap1 dl dd span {
    margin-left: 0.3rem;
    font-size: 16px;
}
.etf-attraction .img_wrap1 dl.dl01 {
    font-size: 23px;
    font-weight: bold;
}
.etf-attraction .img_wrap1 dl.dl01 dt span {
    font-size: 37px;
    color: #ff4566;
}
.etf-attraction .img_wrap1 dl.dl01 dd {
    padding-top: 20px;
}
.etf-attraction .img_wrap1 dl.dl02, .etf-attraction .img_wrap1 dl.dl03 {
    font-size: 20px;
    font-weight: bold;
}
.etf-attraction .img_wrap1 dl.dl02 dt span, .etf-attraction .img_wrap1 dl.dl03 dt span {
    font-size: 30px;
    color: #ff4566;
}
.etf-attraction .img_wrap1 dl.dl02 dd, .etf-attraction .img_wrap1 dl.dl03 dd {
    padding-top: 16px;
}
.etf-attraction .img_wrap1 dl.dl04 {
    font-size: 14px;
}
.etf-attraction .img_wrap1 dl.dl04 dt {
    margin-bottom: 0.6rem;
}
.etf-attraction .img_wrap1 dl.dl04 dt span {
    font-size: 20px;
    font-weight: bold;
    margin: 0 0.1rem;
}
.etf-attraction .img_wrap1 dl.dl04 dd {
    padding-top: 14px;
    margin-bottom: 0.6rem;
    font-size: 14px;
    font-weight: normal;
}
.etf-attraction .img_wrap1 dl.dl04 dd span {
    font-size: 14px;
}
.etf-attraction .img_wrap1 dt:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}
.etf-attraction .img_wrap1 .dl01 dt:before {
    width: 58px;
    height: 51px;
    background: url(../images/enquete/attraction/img1_fig01_01.png) no-repeat 0 0;
    background-size: 58px 51px;
    top: 0;
    left: 0;
}
.etf-attraction .img_wrap1 .dl02 dt:before {
    width: 49px;
    height: 43px;
    background: url(../images/enquete/attraction/img1_fig01_02.png) no-repeat 0 0;
    background-size: 49px 43px;
    top: 0;
    left: 4px;
}
.etf-attraction .img_wrap1 .dl03 dt:before {
    width: 40px;
    height: 35px;
    background: url(../images/enquete/attraction/img1_fig01_03.png) no-repeat 0 0;
    background-size: 40px 35px;
    top: 4px;
    left: 9px;
}
.etf-attraction .img_wrap1 .dl04 dt:before {
    top: 12px;
    left: 20px;
}
.etf-attraction .img_wrap1 dl .dt04:before {
    width: 26px;
    height: 16px;
    background: url(../images/enquete/attraction/img1_fig01_04.png) no-repeat 0 0;
    background-size: 26px 16px;
}
.etf-attraction .img_wrap1 dl .dt05:before {
    width: 26px;
    height: 16px;
    background: url(../images/enquete/attraction/img1_fig01_05.png) no-repeat 0 0;
    background-size: 26px 16px;
}
.etf-attraction .img_wrap1 dl .dt06:before {
    width: 26px;
    height: 17px;
    background: url(../images/enquete/attraction/img1_fig01_06.png) no-repeat 0 0;
    background-size: 26px 17px;
}
.etf-attraction .img_wrap1 dl .dt07:before {
    width: 26px;
    height: 16px;
    background: url(../images/enquete/attraction/img1_fig01_07.png) no-repeat 0 0;
    background-size: 26px 16px;
}
.etf-attraction .img_wrap1 dl .dt08:before {
    width: 26px;
    height: 16px;
    background: url(../images/enquete/attraction/img1_fig01_08.png) no-repeat 0 0;
    background-size: 26px 16px;
}
.etf-attraction .img_wrap1 dl.view {
    opacity: 1;
}
/*******************
 グラフ2
*******************/
.etf-attraction .mottoBox .leftBox {
    width: 320px;
}
.etf-attraction .mottoBox .leftBox p.data {
    background: url(../images/enquete/attraction/img2_fig01.png) no-repeat 0 0;
    background-size: 242px auto;
    width: 300px;
    height: 172px;
    text-indent: -9999px;
    margin-top: 40px;
    margin-left: 70px;
}
.etf-attraction .mottoBox .rightBox {
    width: 462px;
    float: right;
    position: relative;
    font-size: 12px;
    margin-right: 60px;
}
.etf-attraction .img_wrap2 {
    position: relative;
}
/* 円グラフ */
.etf-attraction .img_area0 {
    width: 462px;
    height: 280px;
    position: relative;
    margin-bottom: 10px;
}
.etf-attraction .img_area0:before {
    -webkit-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
    content: "";
    display: block;
    position: absolute;
    left: 105px;
    top: 40px;
    width: 234px;
    height: 234px;
    z-index: 0;
    background: url(../images/enquete/attraction/img2_fig03_01.png) no-repeat 0 0;
    opacity: 0;
}
.etf-attraction .img_area0:after {
    -webkit-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    background: url(../images/enquete/attraction/img2_fig02.png) no-repeat 0 0;
    width: 462px;
    height: 258px;
    opacity: 0;
}
.etf-attraction .img_area0.view1:before {
    opacity: 1;
}
.etf-attraction .img_area0.view2:after {
    opacity: 1;
}
.etf-attraction .img_area0 .chart1, .etf-attraction .img_area0 .chart2, .etf-attraction .img_area0 .chart3, .etf-attraction .img_area0 .chart4, .etf-attraction .img_area0 .chart5 {
    position: absolute;
    left: 105px;
    top: 40px;
    width: 234px;
    height: 234px;
    -webkit-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
    opacity: 0;
    z-index: 1;
    font-size: 0 !important;
    line-height: 0;
    text-indent: -9999px !important;
}
.etf-attraction .img_area0 .chart1.view, .etf-attraction .img_area0 .chart2.view, .etf-attraction .img_area0 .chart3.view, .etf-attraction .img_area0 .chart4.view, .etf-attraction .img_area0 .chart5.view {
    opacity: 1;
}
.etf-attraction .img_area0 .chart1 {
    background: url(../images/enquete/attraction/img2_fig03_02.png) no-repeat 0 0;
}
.etf-attraction .img_area0 .chart2 {
    background: url(../images/enquete/attraction/img2_fig03_03.png) no-repeat 0 0;
}
.etf-attraction .img_area0 .chart3 {
    background: url(../images/enquete/attraction/img2_fig03_04.png) no-repeat 0 0;
}
.etf-attraction .img_area0 .chart4 {
    background: url(../images/enquete/attraction/img2_fig03_05.png) no-repeat 0 0;
}
.etf-attraction .img_area0 .chart5 {
    background: url(../images/enquete/attraction/img2_fig03_06.png) no-repeat 0 0;
}
.etf-attraction .mottoBox .box_wrap {
    margin-bottom: 0;
}
/*----------------------------------------------------------
【ETF】アンケート what
----------------------------------------------------------*/
/*******************
 グラフ1
*******************/
.etf-what .img_wrap1 {
    position: relative;
    background: url(../images/enquete/what/img1_bg.png) no-repeat 0 0;
    background-size: auto 378px;
    height: 500px;
}
.etf-what .img_wrap1 ul {
    width: 100%;
    height: 453px;
    position: relative;
    background: url(../images/enquete/what/img1_fig01.png) no-repeat center 0;
    background-size: 120px auto;
}
.etf-what .img_wrap1 ul li {
    display: block;
    width: 100%;
    font-size: 0 !important;
    line-height: 0;
    text-indent: -9999px !important;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    opacity: 0;
    height: 235px;
    position: absolute;
}
.etf-what .img_wrap1 ul .li01 {
    background: url(../images/enquete/what/img1_fig03_01.png) no-repeat 0 120px;
    background-size: 739px auto;
    top: 143px;
    left: 140px;
}
.etf-what .img_wrap1 ul .li02 {
    background: url(../images/enquete/what/img1_fig03_02.png) no-repeat 0 120px;
    background-size: 705px auto;
    top: 243px;
    left: 134px;
}
.etf-what .img_wrap1 ul .li03 {
    background: url(../images/enquete/what/img1_fig03_03.png) no-repeat 0 120px;
    background-size: 689px auto;
    top: 307px;
    left: 178px;
}
.etf-what .img_wrap1 ul .li04 {
    background: url(../images/enquete/what/img1_fig03_04.png) no-repeat 0 120px;
    background-size: 656px auto;
    top: 361px;
    left: 165px;
}
.etf-what .img_wrap1 ul .li05 {
    background: url(../images/enquete/what/img1_fig03_05.png) no-repeat 0 120px;
    background-size: 658px auto;
    top: 413px;
    left: 195px;
}
.etf-what .img_wrap1 ul li.view {
    opacity: 1;
    background-position: 0 0;
}
/*******************
 グラフ2
*******************/
.etf-what .img_wrap2 {
    width: 876px;
    height: 422px;
    margin: 0 auto;
    position: relative;
}
.etf-what .img_area2 {
    background: url(../images/enquete/what/img2_bg.png) no-repeat center bottom;
    background-size: 875px auto;
    width: 875px;
    height: 422px;
    margin: 0 auto;
    position: relative;
}
.etf-what .img_area2 .graph {
    display: block;
    background: url(../images/enquete/what/img2_fig01.png) no-repeat 0 280px;
    background-size: 842px 275px;
    width: 0;
    height: 275px;
    z-index: 0;
    position: absolute;
    top: 0;
    left: 10px;
    font-size: 0 !important;
    line-height: 0;
    text-indent: -9999px !important;
    -webkit-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}
.etf-what .img_area2 .graph.view {
    width: 842px;
    background-position: 0 0;
}
.etf-what .img_wrap2 .point_area {
    display: block;
    width: 460px;
    height: 0;
    z-index: 0;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    margin-top: 100px;
    opacity: 0;
}
.etf-what .img_wrap2 .point_area.view {
    height: 85px;
    opacity: 1;
    margin-top: 0;
}
/*******************
 グラフ3
*******************/
.etf-what .box_wrap1 {
    margin-bottom: 40px;
}
.etf-what .box_wrap1 .leftBox {
    width: 50%;
    float: left;
}
.etf-what .box_wrap1 .rightBox {
    width: 50%;
    float: right;
}
/* 円グラフ */
.etf-what .img_area3 {
    width: 420px;
    height: 293px;
    margin: auto;
    position: relative;
}
.etf-what .img_area3:before {
    -webkit-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
    content: "";
    display: block;
    position: absolute;
    left: 102px;
    top: 77px;
    width: 216px;
    height: 216px;
    z-index: 0;
    background: url(../images/enquete/what/img3_fig02.png) no-repeat 0 0;
    opacity: 0;
}
.etf-what .img_area3:after {
    -webkit-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    background: url(../images/enquete/what/img3_fig01.png) no-repeat 0 0;
    width: 420px;
    height: 291px;
    opacity: 0;
}
.etf-what .img_area3.view1:before {
    opacity: 1;
}
.etf-what .img_area3.view2:after {
    opacity: 1;
}
.etf-what .img_area3 .chart1, .etf-what .img_area3 .chart2, .etf-what .img_area3 .chart3, .etf-what .img_area3 .chart4 {
    position: absolute;
    left: 102px;
    top: 77px;
    width: 216px;
    height: 216px;
    -webkit-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
    opacity: 0;
    z-index: 1;
    font-size: 0 !important;
    line-height: 0;
    text-indent: -9999px !important;
}
.etf-what .img_area3 .chart1.view, .etf-what .img_area3 .chart2.view, .etf-what .img_area3 .chart3.view, .etf-what .img_area3 .chart4.view {
    opacity: 1;
}
.etf-what .img_area3 .chart1 {
    background: url(../images/enquete/what/img3_fig03.png) no-repeat 0 0;
}
.etf-what .img_area3 .chart2 {
    background: url(../images/enquete/what/img3_fig04.png) no-repeat 0 0;
}
.etf-what .img_area3 .chart3 {
    background: url(../images/enquete/what/img3_fig05.png) no-repeat 0 0;
}
.etf-what .img_area3 .chart4 {
    background: url(../images/enquete/what/img3_fig06.png) no-repeat 0 0;
}
/*******************
 グラフ4
*******************/
/* 棒グラフ */
.etf-what .img_wrap4 {
    width: 434px;
    height: 336px;
    margin: 0 auto;
}
.etf-what .img_area4 {
    background: url(../images/enquete/what/img4_fig01.png) no-repeat 0 0;
    background-size: 404px auto;
    width: 404px;
    height: 336px;
    margin: 0 auto;
    position: relative;
}
.etf-what .img_area4 .graph {
    display: block;
    background: url(../images/enquete/what/img4_fig02.png) no-repeat 0 300px;
    background-size: 229px 300px;
    width: 229px;
    height: 300px;
    z-index: 0;
    position: absolute;
    top: 29px;
    left: 110px;
    font-size: 0 !important;
    line-height: 0;
    text-indent: -9999px !important;
    -webkit-transition: 1.3s ease-in-out;
    transition: 1.3s ease-in-out;
}
.etf-what .img_area4 .graph.view {
    height: 300px;
    background: url(../images/enquete/what/img4_fig02.png) no-repeat 0 0;
}
/*----------------------------------------------------------
【ETF】アンケート how
----------------------------------------------------------*/
/*******************
 グラフ1（横棒グラフ）
*******************/
.etf-how .img_wrap1 {
    margin-bottom: 40px;
}
.etf-how .img_area1 {
    background: url(../images/enquete/how/img1_fig01.png) no-repeat 0 4px;
    width: 929px;
    height: 355px;
    margin: 0 auto;
    position: relative;
}
.etf-how .img_area1 .graph {
    display: block;
    background: url(../images/enquete/how/img1_fig02.png) no-repeat 0 0;
    width: 0;
    height: 312px;
    z-index: 0;
    position: absolute;
    top: 0;
    left: 255px;
    font-size: 0 !important;
    line-height: 0;
    text-indent: -9999px !important;
    -webkit-transition: 2s ease-in-out;
    transition: 2s ease-in-out;
}
.etf-how .img_area1 .graph.view {
    width: 627px;
}
.etf-how .img_area1 .data1, .etf-how .img_area1 .data2 {
    display: block;
    width: 0;
    z-index: 0;
    position: absolute;
    font-size: 0 !important;
    line-height: 0;
    text-indent: -9999px !important;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    margin-top: 100px;
    opacity: 0;
}
.etf-how .img_area1 .data1 {
    background: url(../images/enquete/how/img1_fig02_01.png) no-repeat 0 0;
    height: 83px;
    top: 62px;
    left: 613px;
}
.etf-how .img_area1 .data1.view {
    width: 269px;
    opacity: 1;
    margin-top: 0;
}
.etf-how .img_area1 .data2 {
    background: url(../images/enquete/how/img1_fig02_02.png) no-repeat 0 0;
    height: 63px;
    top: 246px;
    left: 387px;
}
.etf-how .img_area1 .data2.view {
    width: 205px;
    opacity: 1;
    margin-top: 0;
}
/*******************
 グラフ2（円グラフ）
*******************/
.etf-how .img_area2 {
    width: 750px;
    height: 328px;
    position: relative;
    margin: 0 0 40px 169px;
}
.etf-how .img_area2:before {
    -webkit-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
    content: "";
    display: block;
    position: absolute;
    left: 132px;
    top: 23px;
    width: 282px;
    height: 282px;
    z-index: 0;
    background: url(../images/enquete/how/img2_fig2.png) no-repeat 0 0;
    opacity: 0;
}
.etf-how .img_area2:after {
    -webkit-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    background: url(../images/enquete/how/img2_fig01.png) no-repeat 0 0;
    width: 509px;
    height: 328px;
    opacity: 0;
}
.etf-how .img_area2.view1:before {
    opacity: 1;
}
.etf-how .img_area2.view2:after {
    opacity: 1;
}
.etf-how .img_area2 .chart1, .etf-how .img_area2 .chart2, .etf-how .img_area2 .chart3, .etf-how .img_area2 .chart4, .etf-how .img_area2 .chart5, .etf-how .img_area2 .chart6 {
    position: absolute;
    left: 132px;
    top: 23px;
    width: 282px;
    height: 282px;
    -webkit-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
    opacity: 0;
    z-index: 1;
    font-size: 0 !important;
    line-height: 0;
    text-indent: -9999px !important;
}
.etf-how .img_area2 .chart1.view, .etf-how .img_area2 .chart2.view, .etf-how .img_area2 .chart3.view, .etf-how .img_area2 .chart4.view, .etf-how .img_area2 .chart5.view, .etf-how .img_area2 .chart6.view {
    opacity: 1;
}
.etf-how .img_area2 .chart1 {
    background: url(../images/enquete/how/img2_fig3.png) no-repeat 0 0;
}
.etf-how .img_area2 .chart2 {
    background: url(../images/enquete/how/img2_fig4.png) no-repeat 0 0;
}
.etf-how .img_area2 .chart3 {
    background: url(../images/enquete/how/img2_fig5.png) no-repeat 0 0;
}
.etf-how .img_area2 .chart4 {
    background: url(../images/enquete/how/img2_fig6.png) no-repeat 0 0;
}
.etf-how .img_area2 .chart5 {
    background: url(../images/enquete/how/img2_fig7.png) no-repeat 0 0;
}
.etf-how .img_area2 .chart6 {
    background: url(../images/enquete/how/img2_fig8.png) no-repeat 0 0;
}
.etf-how .img_area2 .data {
    width: 303px;
    height: 108px;
    position: absolute;
    left: 448px;
    top: 111px;
    z-index: 5;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    opacity: 0;
    font-size: 0 !important;
    line-height: 0;
    text-indent: -9999px !important;
    background: url(../images/enquete/how/img2_fig9.png) no-repeat 50% 108px;
    background-size: 303px 108px;
}
.etf-how .img_area2 .data.view {
    opacity: 1;
    background-position: 0 0;
}
/*******************
 グラフ3（縦棒グラフ）
*******************/
.etf-how .img_wrap3 {
    width: 469px;
    height: 283px;
    margin: 0 auto 40px;
}
.etf-how .img_area3 {
    background: url(../images/enquete/how/img3_fig01.png) no-repeat 0 0;
    background-size: 469px auto;
    width: 469px;
    height: 283px;
    margin: 0 auto;
    position: relative;
}
.etf-how .img_area3 .graph {
    display: block;
    background: url(../images/enquete/how/img3_fig02.png) no-repeat 0 300px;
    background-size: 405px 208px;
    width: 0;
    height: 208px;
    z-index: 0;
    position: absolute;
    top: 9px;
    left: 50px;
    font-size: 0 !important;
    line-height: 0;
    text-indent: -9999px !important;
    -webkit-transition: 1.5s ease-in-out;
    transition: 1.5s ease-in-out;
}
.etf-how .img_area3 .graph.view {
    width: 405px;
    background-position: 0 0;
}
/*----------------------------------------------------------
【ETF】アンケート style
----------------------------------------------------------*/
/*******************
 グラフ1
*******************/
.etf-style .img_wrap1 {
    position: relative;
    margin-bottom: 40px;
}
.etf-style .img_info_wrap {
    position: absolute;
    top: 0;
    width: 100%;
}
.etf-style .img_info_wrap .label {
    font-size: 16px;
    line-height: 1.3125;
    font-weight: bold;
    text-align: center;
}
.etf-style .img_info_wrap .label span {
    color: #ff4566;
}
.etf-style .img_info_wrap .label span.nonbold {
    color: #333;
}
.etf-style .img_info1, .etf-style .img_info2, .etf-style .img_info3 {
    width: 30.10416%;
    height: 133px;
    float: left;
    position: relative;
    margin-right: 4.8%;
    background: #fff;
    border-radius: 14px;
}
.etf-style .img_info3 {
    margin-right: 0;
}
.etf-style .img_info1:before, .etf-style .img_info2:before, .etf-style .img_info3:before {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 20px;
    border: 0;
    border-right-width: 30px;
    border-bottom-width: 20px;
    border-style: solid;
    border-color: transparent #fff;
    display: block;
    width: 0;
}
.etf-style .img_info1:after, .etf-style .img_info2:after, .etf-style .img_info3:after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 40px;
    border: 0;
    border-right-width: 10px;
    border-bottom-width: 20px;
    border-style: solid;
    border-color: transparent #BDEAF3;
    display: block;
    width: 0;
}
.etf-style .img_wrap1 .img_txt {
    height: 100%;
    padding: 0 0 0 7%;
    text-align: center;
    position: relative;
}
.etf-style .img_info1 .img_txt:before, .etf-style .img_info2 .img_txt:before, .etf-style .img_info3 .img_txt:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    width: 31px;
    height: 100px;
}
.etf-style .img_info1 .img_txt:before {
    background: url(../images/enquete/style/img1_fig01_01.png) no-repeat 0 29px;
}
.etf-style .img_info2 .img_txt:before {
    background: url(../images/enquete/style/img1_fig01_02.png) no-repeat 0 29px;
}
.etf-style .img_info3 .img_txt:before {
    background: url(../images/enquete/style/img1_fig01_03.png) no-repeat 0 29px;
}
.etf-style .img_info1 .label, .etf-style .img_info2 .label, .etf-style .img_info3 .label {
    position: relative;
    padding-left: 8%;
}
.etf-style .img_info1 .label {
    padding-top: 32px;
}
.etf-style .img_info2 .label {
    padding-top: 26px;
    text-indent: 6px;
}
.etf-style .img_info3 .label {
    text-align: left;
    padding-top: 26px;
    padding-left: 14%;
    text-indent: 6px;
}
.etf-style .img_info_wrap .value {
    position: absolute;
    top: 75px;
    font-size: 0 !important;
    line-height: 0;
    text-indent: -9999px !important;
}
.etf-style .img_info1 .value, .etf-style .img_info2 .value, .etf-style .img_info3 .value {
    width: 100%;
    font-size: 0 !important;
    line-height: 0;
    text-indent: -9999px !important;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    height: 0;
    opacity: 1;
}
.etf-style .img_info1 .value.view, .etf-style .img_info2 .value.view, .etf-style .img_info3 .value.view {
    opacity: 1;
}
.etf-style .img_info1 .value {
    background: url(../images/enquete/style/img1_data01_01.png) no-repeat 0 -31px;
    width: 64px;
    height: 31px;
    left: 46%;
}
.etf-style .img_info2 .value {
    background: url(../images/enquete/style/img1_data01_02.png) no-repeat 0 -31px;
    width: 64px;
    height: 31px;
    left: 46%;
}
.etf-style .img_info3 .value {
    background: url(../images/enquete/style/img1_data01_03.png) no-repeat 0 -31px;
    width: 42px;
    height: 31px;
    left: 50%;
}
.etf-style .img_info1 .value.view {
    background-position: 0 0;
}
.etf-style .img_info2 .value.view {
    background-position: 0 0;
}
.etf-style .img_info3 .value.view {
    background-position: 0 0;
}
/* img_area */
.etf-style .img_area_wrap {
    width: 100%;
    height: auto;
    padding-top: 168px;
}
.etf-style .img_area0, .etf-style .img_area1, .etf-style .img_area2 {
    width: 100%;
    font-size: 0 !important;
    line-height: 0;
    text-indent: -9999px !important;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    height: 0;
    opacity: 0;
    margin-bottom: 6px;
}
.etf-style .img_area0.view, .etf-style .img_area1.view, .etf-style .img_area2.view {
    opacity: 1;
}
.etf-style .img_area0 {
    background: url(../images/enquete/style/img1_fig02_01.png) no-repeat 0 -37px;
    background-size: contain;
    height: 50px;
}
.etf-style .img_area0.view {
    background-position: 0 0;
}
.etf-style .img_area1 {
    background: url(../images/enquete/style/img1_fig02_02.png) no-repeat 0 -38px;
    background-size: contain;
    height: 50px;
}
.etf-style .img_area1.view {
    background-position: 0 0;
}
.etf-style .img_area2 {
    background: url(../images/enquete/style/img1_fig02_03.png) no-repeat 0 -38px;
    background-size: contain;
    height: 50px;
}
.etf-style .img_area2.view {
    background-position: 0 0;
}
/*******************
 グラフ2（横棒グラフ）
*******************/
.etf-style .img_wrap2 {
    width: 588px;
    height: 315px;
    margin: 0 auto 40px;
    position: relative;
}
.etf-style .img_area3 {
    background: url(../images/enquete/style/img2_fig01.png) no-repeat 50% 100%;
    width: 588px;
    height: 315px;
    position: relative;
}
.etf-style .img_area3 .graph {
    display: block;
    background: url(../images/enquete/style/img2_fig02.png) no-repeat 0 0;
    width: 0;
    height: 250px;
    z-index: 0;
    position: absolute;
    top: 24px;
    left: 171px;
    font-size: 0 !important;
    line-height: 0;
    text-indent: -9999px !important;
    -webkit-transition: 2s ease-in-out;
    transition: 2s ease-in-out;
}
.etf-style .img_area3 .graph.view {
    width: 317px;
}
/*******************
 グラフ3（横棒グラフ）
*******************/
.etf-style .img_wrap3 {
    height: 459px;
    background: url(../images/enquete/style/bg_sec3_01.png) no-repeat center bottom;
    background-size: auto 130px;
}
.etf-style .img_area4 {
    background: url(../images/enquete/style/img3_fig01.png) no-repeat 50% 100%;
    width: 701px;
    height: 316px;
    margin: 0 auto;
    position: relative;
}
.etf-style .img_area4 .graph {
    display: block;
    background: url(../images/enquete/style/img3_fig02.png) no-repeat 0 0;
    width: 0;
    height: 254px;
    z-index: 0;
    position: absolute;
    top: 32px;
    left: 220px;
    font-size: 0 !important;
    line-height: 0;
    text-indent: -9999px !important;
    -webkit-transition: 2s ease-in-out;
    transition: 2s ease-in-out;
}
.etf-style .img_area4 .graph.view {
    width: 380px;
}
.etf-style .img_area4 .rank1, .etf-style .img_area4 .rank2, .etf-style .img_area4 .rank3 {
    width: 58px;
    height: 51px;
    position: absolute;
    left: 362px;
    top: 0;
    z-index: 5;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    opacity: 0;
}
.etf-style .img_area4 .rank1.view, .etf-style .img_area4 .rank2.view, .etf-style .img_area4 .rank3.view {
    opacity: 1;
}
.etf-style .img_area4 .rank3 {
    font-size: 0 !important;
    line-height: 0;
    text-indent: -9999px !important;
    background: url(../images/enquete/common/rank03.png) no-repeat 0 0;
    background-size: 58px 51px;
    left: 362px;
    top: 0;
}
.etf-style .img_area4 .rank2 {
    font-size: 0 !important;
    line-height: 0;
    text-indent: -9999px !important;
    background: url(../images/enquete/common/rank02.png) no-repeat 0 0;
    background-size: 58px 51px;
    left: 439px;
    top: 109px;
}
.etf-style .img_area4 .rank1 {
    font-size: 0 !important;
    line-height: 0;
    text-indent: -9999px !important;
    background: url(../images/enquete/common/rank01.png) no-repeat 0 0;
    background-size: 58px 51px;
    left: 563px;
    top: 151px;
}
/*----------------------------------------------------------
【ETF】サイトマップ
----------------------------------------------------------*/
.sitemap_wrap {
    padding-bottom: 28px;
}
.sitemap_wrap .sitemap_ul li {
    font-size: 18px;
    font-weight: bold;
    color: #1d2d7c;
    position: relative;
    padding: 0 0 0 30px;
    margin: 0 0 40px 0;
    line-height: 1.4;
}
.sitemap_wrap .sitemap_ul li.icon01:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    background: url(../images/common/icon_circle.png) no-repeat 0 0;
    width: 14px;
    height: 14px;
}
.sitemap_wrap .sitemap_ul li.icon02:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    background: url(../images/common/icon_circle_red.png) no-repeat 0 0;
    width: 14px;
    height: 14px;
}
.sitemap_wrap .sitemap_ul li div {
    margin-top: 16px;
}
.sitemap_wrap .sitemap_ul li div ul {
    display: inline-block;
    width: 23%;
    margin-right: 2%;
    vertical-align: top;
}
.sitemap_wrap .sitemap_ul li div ul:last-child {
    margin-right: 0;
}
.sitemap_wrap .sitemap_ul li ul li {
    font-size: 15px;
    margin-left: 18px;
    margin-bottom: 10px;
    padding: 0 0 0 20px;
    position: relative;
}
.sitemap_wrap .sitemap_ul li ul li:last-of-type {
    margin-bottom: 0;
}
.sitemap_wrap .sitemap_ul li ul li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 4px;
    background: url(../images/common/icon_arrow05.png) no-repeat 0 0;
    width: 14px;
    height: 14px;
}
.sitemap_wrap .sitemap_ul li div ul li:first-of-type:before {
    background-image: none;
}
.sitemap_wrap .sitemap_ul li div ul li:first-of-type {
    background: #CADBE6;
    padding: 0.5rem 0.8rem 0.3rem;
    margin-left: 0;
    color: #333;
    font-size: 14px;
    margin: 0 0 10px 0;
}
.sitemap_wrap .sitemap_ul li ul li:first-child:before {
    background: url(../images/common/icon_arrow05.png) no-repeat 0 0;
}
.sitemap_wrap .sitemap_ul li.icon01:last-of-type ul {
    margin-top: 20px;
}
.sitemap_wrap .sitemap_ul li.icon01:nth-of-type(3) ul {
    margin-top: 10px;
}
/* ----------------------------------------------------------------
    base
----------------------------------------------------------------- */
td, th {
    display: table-cell;
    vertical-align: middle;
}
.sp-br {
    display: none!important;
}
br.pc_hide {
    display: none;
}
br.sp_hide {
    display: inline;
}
br.tb_hide {
    display: none;
}
br.pc_only {
    display: inline;
}
br.tab_only {
    display: none;
}
.tac {
    text-align: center !important;
}
.tbl-sp {
    display: none!important;
}

@media only screen and (min-width : 768px) and (max-width : 1200px) {
    .inner, .inner2, .breadcrumb ul {
        width: auto;
    }
}

@media only screen and (min-width : 768px) and (max-width : 959px) {
    .inner .inner {
        margin: 0;
    }
    br.tb_hide {
        display: none;
    }
    br.sp_hide {
        display: inline;
    }
    br.pc_only {
        display: none;
    }
    br.tab_only {
        display: inline;
    }
    .tbl-sp {
        display: none!important;
    }
    .latest_info ul li {
        padding: 20px;
    }
}

@media only screen and (min-width : 0px) and (max-width : 767px) {
    .container {
        font-size: 12px;
    }
    br.pc_hide {
        display: inline;
    }
    br.sp_hide {
        display: none;
    }
    br.pc_only {
        display: none;
    }
    br.tab_only {
        display: none;
    }
    .box-fundlist .tbl-fund .sp-tr {
        display: table-row!important;
    }
    .box-fundlist .tbl-fund .sp {
        display: table-cell!important;
    }
    .tbl-pc {
        display: none!important;
    }
    .tbl-sp {
        display: table-cell!important;
    }
    .sp-br {
        display: inline!important;
    }
    div#section-a,
    div#section-ka, div#section-sa , div#section-ta , div#section-na , div#section-ha , div#section-ma , div#section-ya , div#section-ra , div#section-wa , div#section-en {
        padding-top: 0;
        margin-top: 0;
    }
    
}

@media screen and (max-width: 960px) and (min-width: 601px) {
    .tb-non {
        display: none!important;
    }
}
/*----------------------------------------------------------
    .slider
----------------------------------------------------------*/
.sliderArea {
    position: relative;
}
/*  default control */
.sliderArea .bx-wrapper .bx-controls-direction a {
    margin-top: 0px;
    width: 50px;
    height: auto;
}
.sliderArea .bx-wrapper .bx-prev {
    left: 0px;
}
.sliderArea .bx-wrapper .bx-next {
    right: 0px;
}
/* default pager */
.sliderArea .bx-wrapper .bx-pager {
    bottom: 30px;
}
.sliderArea .bx-wrapper .bx-pager.bx-default-pager a {
    background-color: #fff;
    margin: 0 5px;
    height: 8px;
    width: 8px;
    border-radius: 4px;
}
.sliderArea .bx-wrapper .bx-pager.bx-default-pager a:hover, .sliderArea .bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: #0b72d9;
}
/* custom pager */
.sliderArea .pager {
    overflow: hidden;
}
.sliderArea .pager a {
    color: #333;
    float: left;
    display: block;
    position: relative;
    float: left;
}
.sliderArea .pager a .on {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    color: #f00;
}
.sliderArea .pager a.active .on, .sliderArea .pager a:hover .on {
    visibility: visible;
}
.basic_kv {
    overflow: hidden!important;
}
.basic_kv .sliderArea {
    max-width: 880px;
    margin: 0 auto;
}
.basic_kv .sliderArea .bx-wrapper .bx-controls-direction a {
    margin-top: 0;
    height: 100%;
    top: 0;
    text-indent: 0;
    background: rgba(0,0,0,0.5);
    width: 1000px;
    z-index: 1;
}
.basic_kv .sliderArea .bx-wrapper .bx-controls-direction a:hover {
    opacity: 0.8;
}
.basic_kv .sliderArea .bx-wrapper .bx-prev {
    left: -1000px;
}
.basic_kv .sliderArea .bx-wrapper .bx-prev .ov {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -57px;
}
.basic_kv .sliderArea .bx-wrapper .bx-next {
    right: -1000px;
}
.basic_kv .sliderArea .bx-wrapper .bx-next .ov {
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -57px;
}
.basic_kv .sliderArea .bx-wrapper .bx-pager {
    bottom: 10px;
    z-index: 10;
}
.basic_kv #slider_kv .kvInner a {
    bottom: 20%;
    height: 75%;
    right: 5%;
    width: 90%;
    position: absolute;
    z-index: 1;
}
.basic_kv .sliderArea .slider .kvInner {
    max-width: 880px;
    margin: 0 auto;
}
.basic_kv .sliderArea .slider .kvInner img {
    max-width: 100%;
}
.sliderArea .bx-wrapper .bx-controls-direction a {
    width: 58px;
    margin-top: -57px;
    height: auto;
    text-indent: 0;
    background: none;
}
.sliderArea .bx-wrapper .bx-prev {
    left: 2px;
}
.sliderArea .bx-wrapper .bx-next {
    right: 2px;
}
.sliderArea .slider .kvInner {
    max-width: 1440px;
    margin: 0 auto;
}
.basic_kv .bx-viewport {
    overflow: visible!important;
}

@media only screen and (min-width : 0px) and (max-width : 767px) {
    .basic_kv .bx-viewport {
        overflow: hidden!important;
    }
    .basic_kv .sliderArea .bx-wrapper .bx-pager {
        bottom: 10px;
    }
    .basic_kv .sliderArea .bx-wrapper .bx-controls-direction a {
        margin-top: -28px;
        width: 29px;
        height: auto;
        text-indent: 0;
        background: none;
    }
}
/*----------------------------------------------------------
    .fundlist
----------------------------------------------------------*/
#fundlist {
    background: #fff;
    padding: 70px 15px;
    width: 100%;
    max-width: 1160px;
    margin: -70px auto 0;
}
h2 {
    font-size: 220%;
    font-weight: bold;
    position: relative;
    margin: auto;
}
h2.fundlist-h2 {
    padding: 10px 0 33px 75px;
    width: 230px;
    margin-top: 70px;
}
h2.fundlist-h2:before {
    content: "";
    background: url(../images/common/icon_gnav02_b.png) no-repeat 0 0;
    position: absolute;
    width: 50px;
    height: 42px;
    left: 0;
    top: 0;
}
#fundlist dl {
    width: 50%;
    min-width: 565px;
    background: #f2f2f2;
    padding: 10px 12px;
    display: flex;
    align-items: center;
}
#fundlist dl dt {
    font-size: 108%;
    font-weight: bold;
    margin-right: 15px;
}
#fundlist dl dd {
    width: 38%;
    display: block;
    font-size: 108%;
    font-weight: bold;
    color: #3981af;
    background: #fff;
    border: solid 1px #3981af;
    border-radius: 50px;
    padding: 14px 25px;
    text-align: center;
    cursor: pointer;
}
#fundlist dl dd.select,
#fundlist dl dd:hover{
    color: #fff;
    background: #3981af;
}
#fundlist dl dd:last-child {
    margin-left: auto;
}
#fundlist .tab_content .hide {
    display: none;
}
/* ----------------------------------------------------------------
    box-fundlist
----------------------------------------------------------------- */
.box-fundlist {
    padding: 0;
    margin: 5px auto 15px;
    line-height: 1.3;
}
/* 文字サイズ調整 */
.box-fundlist .tbl-fund table td:nth-child(3), .box-fundlist .tbl-fund table td:nth-child(4), .box-fundlist .tbl-fund table td:nth-child(5), .box-fundlist .tbl-fund table td:nth-child(6), .box-fundlist .tbl-fund table td:nth-child(7) {
    font-size: 108%;
}
/* ----------------------------------------------------------------
    box-tableTxt
----------------------------------------------------------------- */
.box-tableTxt {
    overflow: hidden;
    margin-bottom: 10px;
    font-family: Arial, "メイリオ", "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, Osaka, "ＭＳ Ｐゴシック", Meiryo, MS PGothic, sans-serif;
    display: flex;
    align-items: flex-end;
}
.box-tableTxt p {
    vertical-align: middle;
}
.box-tableTxt .txt {
    width: 75%;
    font-size: 13px;
}
.box-tableTxt .txt span {
    margin: 0 5px;
}
.box-tableTxt .txt span img {
    vertical-align: middle;
}
.box-tableTxt .box-number {
    width: 23%;
    margin-left: auto;
    text-align: right;
    margin-right: 10px;
}
.box-tableTxt .box-number .date span {
    font-size: 133.3%;
}
.box-tableTxt .box-number .date {
    padding-top: 8px;
    font-size: 13px;
}
.box-tableTxt .txt {
    margin-top: 10px;
}
/* ----------------------------------------------------------------
    box-tableTxt-2
----------------------------------------------------------------- */
.box-tableTxt-2 {
    font-size: 93.0%;
        margin: 25px 0 0;
}
.box-tableTxt-2 ul li {
    text-indent: -1em;
    padding-left: 1em;
    margin-bottom: 0.5rem;
}
/* ----------------------------------------------------------------
    box-tableTxt-notice
----------------------------------------------------------------- */
.box-tableTxt-notice {
    border: 1px solid #c2bcab;
    padding: 40px 10px;
    overflow: hidden;
    margin-bottom: 10px;
    font-family: Arial, "メイリオ", "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, Osaka, "ＭＳ Ｐゴシック", Meiryo, MS PGothic, sans-serif;
    border-radius: 4px;
}
.box-tableTxt-notice p {
    font-size: 93.0%;
    vertical-align: middle;
    text-align: center;
}
/* ----------------------------------------------------------------
    container-select
----------------------------------------------------------------- */
.box-fundlist .box-sort {
    display: none;
}
.container-select {
    position: relative;
    overflow: hidden;
    display: block;
    border: 1px solid #aeaeae;
    border-radius: 3px;
    color: #333;
    margin-bottom: 6px;
}
.container-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 12px 25px 12px 13px;
    background: url(/images/common/icon_arrow_13.png) no-repeat 95% center #f2f2f2;
    background-size: 8px 5px;
    border: 0;
    outline: none;
    font-size: 16px;
    font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, Osaka, "ＭＳ Ｐゴシック", Meiryo, MS PGothic, sans-serif;
    border-radius: 3px;
    line-height: 1.5;
}
.container-select select::-ms-expand {
 display:none;
}
.container-select option {
    padding: 5px 10px;
}
/* ------------------------
   tbl-fund
------------------------   */
.tbl-fund {
    font-family: Arial, "メイリオ", "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, Osaka, "ＭＳ Ｐゴシック", Meiryo, MS PGothic, sans-serif;
}
.tbl-fund table {
    width: 100%;
}
.tbl-fund table .last {
    border-right: none;
}
.tbl-fund table th {
    background: #f0ead8;
    font-weight: bold;
    border-right: 1px solid #c2bcab;
    vertical-align: top;
    padding: 15px 0;
    text-align: center;
    font-size: 15px;
}
.tbl-fund table th .small {
    font-size: 93.0%;
    font-weight: normal;
}
.tbl-fund table th.select {
    background: #d3a400;
    color: #FFFFFF;
}
.tbl-fund table .tr-1 th {
    border-top: 2px solid #c2bcab;
    border-bottom: 2px solid #c2bcab;
}
.tbl-fund table .tr-1 th.th-it, .tbl-fund table .tr-1 th.th-bp, .tbl-fund table .tr-1 th.th-br, .tbl-fund table .tr-1 th.th-na {
    border-bottom: none;
}
.tbl-fund table .tr-1 th.th-name, .tbl-fund table .tr-1 th.th-docs {
    border-bottom: 2px solid #c2bcab;
}
.tbl-fund table .tr-2 th {
    border-bottom: 2px solid #c2bcab;
    padding: 10px 0;
}
.tbl-fund table .tr-2 th.th-bp-in {
    border-top: 1px solid #c2bcab;
    white-space: nowrap;
}
.tab2 {
    white-space: nowrap;
}
.tbl-fund table th.th-cord {
    width: 6.19%;
    min-width: 50px;
}
.tbl-fund table th.th-it {
    width: 9.2%;
}
.tbl-fund table th.th-name {
    width: 26.28%;
}
.tbl-fund table th.th-bp {
    width: 11.2%;
}
.tbl-fund table th.th-bp-in {
    width: 8.5%;
    padding: 20px 0;
}
.tab_content2 .tbl-fund table th.th-bp-in {
    min-width: 60px;
}
.tbl-fund table th.th-br {
    width: 9.2%;
}
.tbl-fund table th.th-na {
    width: 9.2%;
}
.tbl-fund table th.th-ld {
    width: 7.78%;
}
.tbl-fund table th.th-sf {
    width: 5.1%;
}
.tbl-fund table th.th-docs {
    width: 15.75%;
    min-width: 170px;
}
.tbl-fund table th.th-col {
    width: 11.66%;
    padding: 15px 0.5%;
    min-width: 65px;
}
.tbl-fund table .tr-3-3 {
    width: 89px;
}
.tbl-fund table td {
    border: 1px solid #c2bcab;
    line-height: 1.5em;
    padding: 0 8px;
    font-size: 115%;
    text-align: right;
}
.tbl-fund table td.center {
    text-align: center;
    word-break: break-all;
}
.tbl-fund table td.title {
    text-align: left;
    padding: 16px 12px;
}
.tbl-fund table td.td-docs {
    text-align: left;
    padding: 12px 8px;
}
.tbl-fund table td.td-docs div {
    display: flex;
    flex-wrap: wrap;
    max-width: 164px;
}
.tbl-fund table td.td-docs a {
    display: block;
    width: 48%;
    margin: 0 1% 3%;
}
.tbl-fund table td.td-docs a:last-child {
    margin-bottom: 0;
}
.tbl-fund table td.td-docs a:hover img {
    opacity: 0.8;
}
.tbl-fund table td.td-docs a img {
    max-width: 80px;
    height: auto;
}
.tbl-fund table td:first-child {
    border-left: none;
}
.tbl-fund table td:last-child {
    border-right: none;
}
.tbl-fund table td .small {
    font-size: 80.0%;
    display: block;
}
.tbl-fund table td.valueUp {
    color: #ff0000;
}
.tbl-fund table td.valueDown {
    color: #0a50a0;
}
.tbl-fund table tr.even {
    background: #f2f2f2;
}
.tbl-fund table tr.today {
    background: #fffee7 !important;
}
/* 文字サイズ調整 */
.box-fundlist .tbl-fund table td:nth-child(3), .box-fundlist .tbl-fund table td:nth-child(4), .box-fundlist .tbl-fund table td:nth-child(5), .box-fundlist .tbl-fund table td:nth-child(6), .box-fundlist .tbl-fund table td:nth-child(7), .box-fundlist .tbl-fund table td:nth-child(8) {
    font-size: 115%;
}
.tbl-fund table td .small {
    font-size: 12px;
}

@media only screen and (max-width: 960px) {
    .tbl-fund table th.th-docs {
        width: 10%;
        min-width: 90px;
    }
    .tbl-fund table td.td-docs div {
        max-width: 75px;
    }
    .tbl-fund table td.td-docs a {
        width: 100%;
        margin: 0 0 6px;
    }
}


@media only screen and (max-width: 767px) {
    /*----------------------------------------------------------
        .fundlist
    ----------------------------------------------------------*/
    #fundlist {
        padding: 40px 5px;
    }
    h2 {
        font-size: 200%;
    }
    h2.fundlist-h2 {
        padding: 3px 0 20px 35px;
        width: 110px;
        margin-top: 50px;
        font-size: 150%;
    }
    h2.fundlist-h2:before {
        background: url(../images/common/icon_gnav02_b.png) no-repeat 0 0;
        background-size: 25px auto;
        width: 30px;
        height: 28px;
    }
    #fundlist dl {
        width: 100%;
        min-width: 0;
        flex-wrap: wrap;
    }
    #fundlist dl dt {
        margin: 0 0 5px;
        width: 100%;
        font-size: 100%;
    }
    #fundlist dl dd {
        width: 49%;
        font-size: 100%;
        padding: 10px 0;
    }
    /* ----------------------------------------------------------------
        box-tableTxt
    ----------------------------------------------------------------- */
    .box-tableTxt .box-number {
        width: 100%;
        margin-left: auto;
        text-align: right;
    }
    .box-tableTxt .box-number .date {
        padding-top: 5px;
        font-size: 13px;
    }
    .box-tableTxt .box-number .date span {
        font-size: 14px;
    }
    .box-tableTxt .txt {
        margin-top: 10px;
    }
    .box-fundlist .box-sort {
        display: block!important;
        margin: 0 5px;
    }
    /* ------------------------
       tbl-fund
    ------------------------   */
    .tab_content1 .tbl-fund {
        min-width: 530px;
        overflow-x: scroll;
    }
    .tab_content2 .tbl-fund {
        min-width: 600px;
        overflow-x: scroll;
    }
    #institutional-investors-main .tbl-fund {
        min-width: 560px;
        overflow-x: scroll;
    }
    .tbl-fund table th {
        font-size: 13px;
        padding: 6px 0;
        vertical-align: middle;
    }
    .tbl-fund table .tr-1 th {
        border-top: 2px solid #c2bcab;
        border-bottom: 2px solid #c2bcab;
    }
    .tbl-fund table .tr-1 th.th-bp, .tbl-fund table .tr-1 th.th-br {
        border-bottom: 2px solid #c2bcab;
    }
    .tab_content2 .tbl-fund table .tr-1 th.th-bp {
        border-bottom: 1px solid #c2bcab;
    }
    .tbl-fund table th.th-cord {
        width: 9%;
        min-width: 40px;
    }
    .tbl-fund table th.th-name {
        width: 35%;
    }
    .tbl-fund table th.th-bp {
        width: 12%;
    }
    .tbl-fund table th.th-br {
        width: 11%;
    }
    .tbl-fund table th.th-ld {
        width: 12%;
    }
    .tbl-fund table th.th-sf {
        width: 9%;
    }
    .tbl-fund table th.th-docs {
        width: 12%;
        min-width: 80px;
    }
    .tbl-fund table .tr-3-3 {
        width: 89px;
    }
    .tbl-fund table td {
        padding: 0 5px;
    }
    .box-fundlist .tbl-fund table td:nth-child(4) {
        white-space: nowrap;
    }
    .tbl-fund table td.title {
        padding: 13px 10px;
    }
    .tbl-fund table td.td-docs {
        padding: 8px 6px;
    }
    .tbl-fund table td .small {
        font-size: 12px;
    }
    .tbl-fund table th.th-col{
        font-size: 12px;
    }

}
/* ----------------------------------------------------------------
    btn-white
----------------------------------------------------------------- */
.btn-white {
    background: #ffffff;
    border: 1px solid #1d2d7c;
    border-radius: 25px;
    box-shadow: 0px 2px 0px 0px #1d2d7c;
}
.btn-white a {
    font-size: 100%;
    text-align: center;
    color: #1d2d7c;
    padding: 12px 10px;
    display: block;
    text-decoration: none;
}
.btn-white a span {
    font-weight: bold;
}
.btn-white:hover {
    background: #1d2d7c;
}
.btn-white:hover a {
    color: #ffffff;
}

@media only screen and (max-width: 768px) {
    /* ----------------------------------------------------------------
            btn-white
        ----------------------------------------------------------------- */
    .btn-white a {
        font-size: 14px;
        text-align: center;
        color: #1d2d7c;
        padding: 12px 0;
        display: block;
        text-decoration: none;
        line-height: 1.3;
    }
    .btn-white a span {
        font-weight: bold;
        display: inline-block;
        text-align: left;
    }
    .btn-white:hover {
        background: #ffffff;
    }
    .btn-white:hover a {
        color: #1d2d7c;
    }
}
/* ----------------------------------------------------------------
    box-fund-notice
----------------------------------------------------------------- */
.box-fund-notice {
    margin: 25px 0;
    border: solid 2px #ff0000;
    padding: 15px;
    border-radius: 4px;
}
.box-fund-notice p {
    text-align: center;
    color: #ff0000;
}
/* ------------------------
   fund-notice
------------------------   */
.fund-notice {
    display: none;
    background: #333;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
    color: #fff;
    text-align: center;
    width: 500px;
    height: 40px;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0;
    z-index: 99;
}
.fund-notice p {
    line-height: 40px;
}
/*----------------------------------------------------------
    .information
----------------------------------------------------------*/
#information {
    background: #edeff1;
    padding: 50px 0 30px;
}
#information .inner {
    width: 1130px;
}
#information h2.information-h2 {
    padding: 10px 0 33px 60px;
    width: 360px;
}
#information h2.information-h2:before {
    content: "";
    background: url(../images/common/icon_gnav03_b.png) no-repeat 0 0;
    position: absolute;
    width: 50px;
    height: 42px;
    left: 0;
    top: 6px;
}
.latest_information .headline {
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 30px;
    position: relative;
}
.latest_information .headline:before {
    width: 80px;
    height: 0;
    border-bottom: 3px solid #999;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -40px;
    content: "";
}
.latest_information .inner {
    padding: 60px 0 30px;
}
.latest_info ul {
    margin-bottom: 40px;
}
.latest_info ul li {
    padding: 20px 0;
    overflow: hidden;
    border-top: solid 1px #999;
}
.latest_info ul li:last-child {
    border-bottom: solid 1px #999;
}
.latest_info ul li p {
    line-height: 1.57;
    overflow: hidden;
}
.latest_info ul li span {
    line-height: 1.57;
    vertical-align: middle;
}
.latest_info ul li a img.icon_pdf {
    margin-left: 3px;
}
.latest_info ul li .date {
    width: 100px;
    margin-right: 20px;
    float: left;
    display: inline-block;
    position: relative;
}
.latest_info ul li .file {
    margin-left: 20px;
    float: right;
    width: 130px;
}

@media only screen and (min-width : 0px) and (max-width : 767px) {
    #information h2.information-h2 {
        padding: 10px 0 33px 45px;
        width: 210px;
        font-size: 150%;
    }
    #information h2.information-h2:before {
        content: "";
        background: url(../images/common/icon_gnav03_b.png) no-repeat 0 0;
        background-size: 30px auto;
        position: absolute;
        width: 30px;
        height: 42px;
        left: 0;
        top: 6px;
    }

    .latest_information .inner {
        padding: 25px 0
    }
    .latest_information .headline {
        font-size: 18px;
        padding-bottom: 10px;
        margin-bottom: 18px;
    }
    .latest_info ul {
        margin-bottom: 20px;
    }
    .latest_info ul li {
        padding: 10px 0 10px 10px;
    }
    .latest_info ul li p {
        margin-top: 5px;
    }
    .latest_info ul li .date {
        float: none;
        display: block;
        width: auto;
        overflow: hidden;
    }
    .latest_info ul li .date:after {
        font-size: 11px;
        position: static;
    }
    .latest_info ul li .file {
        line-height: 1.2;
        width: 60px;
        background-position: 0 0;
        padding: 25px 0 0;
        margin-top: 5px;
    }
    .latest_info ul li .file span {
        display: block;
    }
}

.btn-info {
    background: #2677ab;
    border: solid 1px #2677ab;
    border-radius: 50px;
    width: 335px;
    margin: auto;
    }
.btn-info a {
    font-size: 108%;
    text-align: center;
    color: #fff;
    padding: 20px 10px;
    display: block;
    text-decoration: none;
    font-weight: bold;
}
.btn-info:hover {
    background: #fff;
}
.btn-info:hover a {
    color: #2677ab;
}
@media only screen and (min-width : 0px) and (max-width : 767px) {
    .btn-info {
        width: 80%;
        max-width: 335px;
        }
}
/*----------------------------------------------------------
    .bnr
----------------------------------------------------------*/
#bnr {
    padding: 40px 0;
}
#bnr ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
#bnr ul li {
    margin:  0 10px;
}
#bnr ul li img {
    width: 100%;
    height: auto;
    border:  solid 1px #ccc;
}
#bnr ul li:nth-child(1) {
    width: 128px;
}
#bnr ul li:nth-child(2) {
    width: 302px;
}
#bnr ul li:nth-child(3) {
    width: 239px;
}
@media only screen and (min-width : 0px) and (max-width : 767px) {
#bnr ul li {
    margin:  10px 0;
    max-width: 70%;
}
}

/*----------------------------------------------------------
    .information-main
----------------------------------------------------------*/
.content-main{
    background: #edeff1;
    padding: 30px 0;
}
#information-main{
    padding: 30px 0 60px;
    border-bottom: solid 2px #ccc;
}
#information-main #latest_fund{
    background: #fff;
    padding: 20px;
    margin-top: 15px;
}
#information-main #latest_fund ul {
     margin-bottom: 0; 
}
#information-main #latest_fund ul li:nth-child(even){
    background: #edeff1;
}
#information-main #latest_fund ul li {
    border-top: solid 1px #edeff1;
    padding: 20px;
}
#information-main #latest_fund ul li:last-child {
    border-bottom: solid 1px #edeff1;
}

/*----------------------------------------------------------
    .report-main
----------------------------------------------------------*/
#report-main{
    border-bottom:  solid 2px #ccc;
}
#report-main .box-report{
    margin-top: 15px;
}
.icon-pdf {
	padding-left: 5px;
	display: inline;
	vertical-align: middle;
}
.icon-pdf img {
    vertical-align: middle;
    width: 100%;
    max-width: 20px;
}
.icon-new {
	background: url(/images/common/icon_new.png) no-repeat left center;
	background-size: 37px 21px;
}
.icon-category {
	margin-left: 18px;
	width: 130px;
	height: 21px;
	display: inline-block;
	line-height: 20px;
}
.icon-category img {
	width: 130px;
	height: 21px;
	vertical-align: middle;
}
.box-report .box-gray{
	background: #fff;
	padding: 8px 0;
	border-radius: 0 0 2px 2px;
	overflow: hidden;
    margin-bottom: 0; 
}
.box-report h2.cat{
	color: #1d2d7c;
	font-size: 115.0%;
	font-family: Arial, "メイリオ", "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, Osaka, "ＭＳ Ｐゴシック", Meiryo, MS PGothic, sans-serif;
	font-weight: bold;
	border-bottom: 3px solid #1d2d7c;
	margin-bottom: 10px;
	height: 66px;
	line-height: 66px;
	padding-left: 25px;
}
.box-report .box-gray ul{
	margin: 5px 25px 8px;
    display: flex;
  	flex-wrap: wrap;
}
.box-report .box-gray li a{
	display: flex;
	font-weight: bold;
	line-height: 1.3;
	align-items: center;
	padding: 25px 25px;
	border: 1px solid #ccc;
	background: #FFF;
}
/* -------------------------------------------
    box-report-1
------------------------------------------- */
.box-report .box-report-1 .list-cat p {
	color: #1d2d7c;
	font-weight: bold;
    margin-bottom: 2px;
	background: url(/images/common/icon_arrow_3.png) no-repeat 0 7px;
    padding-left: 14px;
}
.box-report .container-h2 {
	margin: 0 0 10px 0;
}
.box-report .box-report-1 {
	margin-bottom: 40px;
}
.box-report .box-report-1 .list-cat-weekly {
	margin: 15px 25px 0;
}
.box-report .box-report-1 .list-cat-weekly ul {
	margin: 0 0 8px;
	padding-top: 0px
}
.box-report .box-report-1 .box-gray ul li{
    width: 23.8%;
	margin: 4px 1.5% 6px 0;
}
.box-report .box-report-1 .box-gray ul li:nth-child(4n){
	margin-right: 0;
}
.box-report .box-report-1 .box-gray li div.list-cat-2 a.icon-new,
.box-report .box-report-2 .box-gray li a.icon-new{
	background: #fff url(/images/common/icon_new.png) no-repeat right top;
	background-size: 40px 23px;
}
/* -------------------------------------------
    box-report-2
------------------------------------------- */
.box-report .box-report-2 {
	margin-bottom: 40px;
	overflow: hidden;
}
.box-report .box-report-2 .box-gray ul li{
    width: 23.8%;
	margin: 4px 1.5% 6px 0;
}
.box-report .box-report-2 .box-gray ul li:nth-child(4n) {
	margin-right: 0;
}
.box-report .box-report-2 .box-gray ul li a {
    padding: 18px 15px;
    font-weight: bold;
    display: flex;
    vertical-align: middle;
}
.box-txt-movie .date {
	font-size: 86.0%;
	margin-bottom: 4px;
}
.box-txt-movie .title {
	font-size: 108.0%;
	font-weight: bold;
	margin-bottom: 20px;
}
.box-txt-movie .exlink p {
	margin-bottom: 5px;
}
.box-txt-movie .exlink ul {
    margin: 0 0 0 2px;
    background: #fff;
    display: block;
}
.box-report .box-report-2 .box-gray .box-txt-movie .exlink li {
	font-size: 86.0%;
	float: none;
	border: none !important;
	background: url(/images/common/icon_arrow_4.png) no-repeat left 5px;
	padding-left: 13px;
	line-height: 1.4;
	margin-bottom: 3px;
    width: 100%;
}
.box-report .box-report-2 .box-gray .box-txt-movie .exlink li a {
    display: block;
    font-size: 100.0%;
    padding: 0;
    border: none;
    background: #FFF;
}
/* -------------------------------------------
    box-report-3
------------------------------------------- */
.container-h2-2 {
	border-bottom: 1px solid #1d2d7c;
    padding-bottom: 8px;
    margin-bottom: 15px;
}
.container-h2-2 h2 {
	font-size: 120.0%;
	font-weight: bold;
	color: #1d2d7c;
	border-left: 3px solid #1d2d7c;
	padding: 5px 0 5px 15px;
	display: inline-block;
	vertical-align: middle;
}
/* ----------------------------------------------------------------
    list
----------------------------------------------------------------- */
.list {
	margin-bottom: 14px;
	border-bottom: 1px solid #1d2d7c;
}
.list li.list-li {
	padding: 16px 0;
	background: url(/images/common/border_dotted.png) repeat-x left bottom;
}
.list li.list-li:first-child {
	padding: 5px 0 16px;
}
.list li.list-li:last-child {
	background: none;
}
.list li .list-top {
	overflow: hidden;
}
.list li.list-li .list-top .date {
	float: left;
	font-weight: bold;
	font-size: 93.0%;
	margin-bottom: 8px;
}
.list li.list-li .list-top .icon-new {
	padding-left: 55px;
}
.list li.list-li .list-top .link-html {
	float: right;
	font-size: 93.0%;
}
.list li.list-li .list-top .link-html a {
	font-weight: bold;
}
.box-report .box-report-3,
.box-report .box-report-4{
    background: #fff;
    padding: 35px 20px;
	margin-bottom: 40px;
}
.list li.list-li .list-bottom a {
    line-height: 1.7;
}
/* -------------------------------------------
    box-daily
------------------------------------------- */
.box-daily {
	overflow: hidden;
}
.box-daily li.list-li {
	float: left;
	background: none;
	width: 480px;
	margin-right: 40px;
	padding-top: 0;
}
.box-daily li.list-li:first-child {
	padding-top: 0;
}
.box-daily li.list-li:nth-child(even) {
	margin-right: 0;
}
.box-daily li.list-li .list-cat {
	background: #f2f2f2;
	color: #1d2d7c;
	overflow: hidden;
	margin-bottom: 10px;
	padding: 18px 0;
	display: table;
	width: 100%;
}
.box-daily li.list-li .list-cat p {
	font-weight: bold;
	line-height: 1;
	margin: 18px 0;
	padding-left: 12px;
	border-left: 3px solid #1d2d7c;
	display: table-cell;
	vertical-align: middle;
}

.box-report .box-report-3 .box-daily li.list-li {
    width: 48.5%;
    margin-right: 3%;
}
.box-report .box-report-3 .box-daily li.list-li:nth-child(2n) {
    margin-right: 0;
}
.box-report .box-report-3 .btn-white,
.box-report .box-report-4 .btn-white{
    width: 340px;
    margin: 20px auto 0;
}
.box-report .box-report-market {
	background: url(/images/report/bg-report-market.png) no-repeat center center;
	padding: 50px 30px 40px;
	margin-bottom: 40px;
}
.box-report .box-report-market h2 {
	text-align: center;
	font-weight: bold;
	font-size: 140.0%;
	color: #fff;
	margin-bottom: 20px;
}
.box-report .box-report-market .nav-btn {
	display: flex;
	align-content: center;
	align-items: center;
}
.box-report .box-report-market .nav-btn li {
	width: 45%;
	margin: auto;
	border: solid 1px #fff;
}
.box-report .box-report-market .nav-btn .btn-white a {
    padding: 15px 10px;
}
.box-report .list-publicnotice li {
	margin-bottom: 45px;
}
.box-report .container-right .list {
	margin-bottom: 50px;
}
.box-report .sideNav dd ul li a {
	padding: 18px 17px 18px 23px;
}
.box-report .sideNav dt {
	background: url(../images/report/icon_marketreport_1.png) no-repeat left 18px center #1d2d7c;
}
.box-report .tbl-fund {
	margin: 25px 0 50px 0;
}
.box-report .tbl-fund .tr-4 {
	border-top: 2px solid #c2bcab;
}
.box-report .tbl-fund .tr-4 th:first-child {
	width: 132px;
}
.box-report .tbl-fund .tr-4 th:last-child {
	width: 597px;
}
.box-report .tbl-fund table th:last-child {
	border-right: none;
}
.box-report .tbl-fund table td:first-child {
	text-align: center;
	vertical-align: top;
	padding: 15px 20px;
}
.box-report .tbl-fund table td:nth-child(2) {
	border-right: none;
	padding: 15px 20px;
	text-align: left;
	width: 460px;
}
.box-report .tbl-fund table td:last-child {
	border-left: none;
	font-size: 93.0%;
	width: 137px;
	padding: 15px 5px 15px 0;
	vertical-align: top;
	text-align: center;
}
.box-report .tbl-fund table td:last-child a {
	font-weight: bold;
}
.box-report .tbl-fund table td:nth-child(2) .icon-pdf {
	display: inline;
}
.box-report .tbl-fund table td:nth-child(2).icon-new {
	padding-left: 20px;
	background-position: left 20px top 15px;
	text-indent: 3.7em;
}
.box-report .box-report-detail-1 {
	background: #f2f2f2;
	overflow: hidden;
	padding: 19px 15px;
	margin-top: 14px;
}
.box-report .box-report-detail-1 .date {
	float: left;
	font-weight: bold;
}
.box-report .box-report-detail-1 .icon-new {
	background: url(../images/common/icon_new.png) no-repeat left top;
	background-size: 40px 23px;
	padding-left: 50px;
}
.box-report .box-report-detail-1 .pdf {
	float: right;
}
.box-report .box-report-detail-1 .pdf a {
	padding-left: 5px;
}
.box-report .box-report-detail-2 {
	margin-bottom: 60px;
	padding: 20px 0;
}
.box-report .box-report-detail-2 p {
	line-height: 1.5;
	margin-bottom: 10px;
}
.box-report .box-report-detail-2 .fig {
	margin: 30px 0 0 0;
}
.box-report .box-report-detail-3 {
	border-left: 1px solid #c7c7c7;
	border-right: 1px solid #c7c7c7;
	border-bottom: 1px solid #c7c7c7;
	margin-bottom: 50px;
	margin-top: 12px;
	padding: 10px 28px 0;
	box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
	position: relative;/*width: 672px;*/
}
.box-report .box-report-detail-3:before {
	content: " ";
	background: url(../images/report/bg_box_top.png) no-repeat;
	width: 840px;
	height: 10px;
	position: absolute;
	left: -2px;
	top: -10px;
}
.box-report .box-report-detail-3 h3 {
	background: url(../images/report/icon_marketreport_2.png) no-repeat left 2px center;
	border-bottom: 2px solid #1d2d7c;
	padding: 13px 0 13px 35px;
	font-size: 115.0%;
	font-weight: bold;
}
.box-report .box-report-detail-3 .list {
	border-bottom: none;
	margin-bottom: 0;
}
.box-report .box-report-detail-3 .list li {
	padding: 20px 0 16px;
}
.box-report .box-report-detail-3 .list li:last-child {
	padding: 20px 0;
}
.box-report .box-report-detail-3 .list li .date {
	margin-bottom: 4px;
}

/*----------------------------------------------------------
    .institutional-investors-main
----------------------------------------------------------*/
#institutional-investors-main{
    border-bottom: solid 2px #ccc;
    padding: 30px 0 60px;
}
#institutional-investors-main .information{
    margin-top: 15px;
    background: #fff;
    padding: 30px 20px 40px;
    margin-bottom: 60px;
}
#institutional-investors-main .h2-wrap {
    border-bottom: solid 2px #2677ab;
    padding-bottom: 23px;
    margin-bottom: 20px;
}
#institutional-investors-main h2.information-h2 {
    padding: 10px 0 0 50px;
    width: 300px;
    font-size: 28px;
}
#institutional-investors-main h2.information-h2:before {
    content: "";
    background: url(../images/common/icon_gnav03_b.png) no-repeat 0 0;
    background-size: 36px auto;
    position: absolute;
    width: 46px;
    height: 42px;
    left: 0;
    top: 10px;
}
#institutional-investors-main #latest_fund ul {
    margin-bottom: 25px;
}
#institutional-investors-main #latest_fund ul li:nth-child(even){
    background: #edeff1;
}
#institutional-investors-main #latest_fund ul li {
    border-top: solid 1px #edeff1;
    padding: 20px;
}
#institutional-investors-main #latest_fund ul li:last-child {
    border-bottom: solid 1px #edeff1;
}

#institutional-investors-main .fundlist{
    margin-top: 15px;
    background: #fff;
    padding: 30px 20px 20px;
}

#institutional-investors-main h2.fundlist-h2 {
    padding: 10px 0 0 50px;
    width: 180px;
    font-size: 28px;
    margin-top: 0;
}
#institutional-investors-main h2.fundlist-h2:before {
    content: "";
    background: url(../images/common/icon_gnav02_b.png) no-repeat 0 0;
    background-size: 36px auto;
    position: absolute;
    width: 46px;
    height: 42px;
    left: 0;
    top: 4px;
}
.icon_exceldl,
.icon_csvdl,
.icon_pdfdl{
    width: 48px;
}
.icon_detail{
    width: 75px;
}
.icon_exceldl img,
.icon_csvdl img,
.icon_pdfdl img,
.icon_detail img{
    width: 100%;
    height: auto;
}


.sp.txt {
    display: none;
}

@media screen and (max-width: 620px) {
    .sp.txt {
        display: block;
        text-align: right;
        color: #c50030;
        margin: 10px;
    }
    .sp.txt p {
        display: inline-block;
        background: url(/images/fund/hand.png) no-repeat left center;
        background-size: 21px 42px;
        padding-left: 30px;
    }
    .box-table {
        margin: 0 10px;
        overflow-x: scroll;
    }
}