@charset "utf-8";
/* CSS Document */
/*=================================
- @media only screen and (max-width: 640px)
================================ */

/*-------------------------------------
  ヘッダー
---------------------------------------*/
#indexHeading01,
#indexHeading02,
#indexHeading03,
#indexHeading04 {
    display: table-cell;
    height: 180px; width: 1%;
    text-align: center; vertical-align: middle;
}
#indexHeading01 {
    background: url("/education/handbook/img/headerimg01.webp") no-repeat center 0 #c5c5c5;
}
#indexHeading02 {
    background: url("/education/handbook/img/headerimg02.webp") no-repeat center 0 #161e1f;
}
#indexHeading03 {
    background: url("/education/handbook/img/headerimg03.webp") no-repeat center 0 #0c1b45;
}
#indexHeading04 {
    background: url("/education/handbook/img/headerimg04.webp") no-repeat center 0 #000011;
}
#indexHeading01 h1 span,
#indexHeading02 h1 span,
#indexHeading03 h1 span,
#indexHeading04 h1 span {
    color: #ffffff; font-size: 3.6rem; font-weight: bold;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.5);
}

/*-------------------------------------
  content 190226 add
---------------------------------------*/
#content.idxcontent {
    width: 100%;
    /*padding: 0;*/
}

/*-------------------------------------
  扉メイン
---------------------------------------*/
#main #content section.hb_block {
    width: 100%;
    margin-bottom: 80px;
}
#main #content section.hb_block h2 {
    font-size: 3.6rem; font-weight: bold;
    padding-left: 50px; margin-bottom: 20px;
}
#main #content section.hb_block h2.hbHeading01 {
    background: url("/education/handbook/img/com_ic01.png") no-repeat 0 50%;
}
#main #content section.hb_block h2.hbHeading02 {
    background: url("/education/handbook/img/com_ic02.png") no-repeat 0 50%;
}
#main #content section.hb_block h2.hbHeading03 {
    background: url("/education/handbook/img/com_ic03.png") no-repeat 0 50%;
}
#main #content section.hb_block .hb_tableWrap {
    display: table;
    width: 100%;
    border-top: 2px solid #e60012;
}
#main #content section.hb_block .hb_tableWrap dl {
    display: table-row;
}
#main #content section.hb_block .hb_tableWrap dt {
    display: table-cell;
    border: 1px solid #dddddd; border-top: none;
}
#main #content section.hb_block .hb_tableWrap dt a {
    display: block;
    padding: 1em 1em 1em 2.5em;
    background: url("/common/img/com_ic07.png") no-repeat 1.5em 50%;
}
#main #content section.hb_block .hb_tableWrap dt a:hover {    /*230725追加*/
    background-color: #EFEFEF;
    transition: 1s all;
}
#main #content section.hb_block .hb_tableWrap dd {
    display: table-cell; width: 220px;
    border: 1px solid #dddddd; border-top: none; border-left: none;
    background: #f5f5f5;
    text-align: center;
}
#main #content section.hb_block .hb_tableWrap dd a {
    display: block; padding: 1em 1em 1em 2em;
    background: url("/common/img/com_ic07.png") no-repeat 30px 50%;
}
#main #content section.hb_block .hb_tableWrap dd a::after {
    margin: 0 4px 0 3px;
    vertical-align: -2px;
    content: url("/common/img/com_ic01.png");
}
/*-------------------------------------
  サマリー
---------------------------------------*/
section#summary {
    display: block;
    width: 100%;
    max-width: 1024px;    /*190226 add*/
    margin: 50px auto 80px;    /*190226 edit*/
    background: url("/education/handbook/img/bg_summary.png") no-repeat 100% -30px;
}
section#summary h2 {
    font-size: 3.2rem; font-weight: bold;
}
section#summary h2.h2sumic00 {
    background: url("/education/handbook/img/ic_h2wrap00.png") no-repeat 0 40%;
    background-size: 3.5rem;
    padding-left: 40px;
}
section#summary .table02 th {
    vertical-align: middle;
}
/*-------------------------------------
  指数メイン
---------------------------------------*/
.idxmain {
    display: block;
    width: 100%;
    margin-bottom: 80px; padding: 0;
}
/*セクション見出し*/
.idxmain .h2wrap {
    display: block;
    width: 100%;    /*190226 edit*/
    margin: 0 0 30px;    /*190226 edit*/
    background: #666666;
    background: -webkit-linear-gradient(left, #666666 25%, #c4c4c4 100%);
    background: -o-linear-gradient(left, #666666 25%, #c4c4c4 100%);
    background: linear-gradient(to right, #666666 25%, #c4c4c4 100%);
}
.idxmain .h2wrap h2 {
    display: table;
    width: 1024px; height: 100px;
    margin: 0 auto; padding-left: 70px;
}
.idxmain .h2wrap.ic01 h2 {
    background: url("/education/handbook/img/ic_h2wrap01.png") no-repeat 15px 50%;
}
.idxmain .h2wrap.ic02 h2 {
    background: url("/education/handbook/img/ic_h2wrap02.png") no-repeat 15px 50%;
}
.idxmain .h2wrap.ic03 h2 {
    background: url("/education/handbook/img/ic_h2wrap03.png") no-repeat 15px 50%;
}
.idxmain .h2wrap.ic04 h2 {
    background: url("/education/handbook/img/ic_h2wrap04.png") no-repeat 15px 50%;
}
.idxmain .h2wrap h2 span {
    display: table-cell;
    color: #ffffff; font-size: 3.0rem;
    vertical-align: middle;
    line-height: 1.2;
}
.idxmain .h2wrap h2 .h2sub {
    display: block;
    font-size: 2rem;
}
.idxmain .idxinner {    /*190226 add*/
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
}

/*セクション導入文*/
.idxmain .idxinner .idxmainP  {    /*190226 edit*/
    font-size: 1.7rem;
    line-height: 1.8;
}
/*リスク・リターン注記用*/
.idxcapnote {
    display: table;
}
.idxcapnote dl {
    display: table-row;
}
.idxcapnote dt,
.idxcapnote dd {
    display: table-cell;
    line-height: 1.3;
    padding-bottom: 7px;
}
.idxcapnote dt {
    white-space: nowrap;
}
.captionIdx {
    display: inline-block; 
    text-align: left; 
}

/*-------------------------------------
  ページ遷移
---------------------------------------*/
.hb_navi .linkBtnHb {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: stretch;
    text-align: center;
}
.hb_navi .linkBtnHb li {
    vertical-align: top;
    padding: 0; margin: 6px;
}
.hb_navi .linkBtnHb li a {
    padding: 13px;
    display: block;
    vertical-align: middle;
    min-width: 300px;
    background: #ffffff;
    border: solid 2px #bbbbbb;
    border-radius: 5px;
    color: #000000;
    text-align: center;
    text-decoration: none;
}
.hb_navi .linkBtnHb li a::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 8px;
    margin-left: 9px;
    background: url(/common/img/com_ic16.png) no-repeat 0 0;
}
.hb_navi .linkBtnHb li a:hover {
        background: #eeeeee;
}

/*-------------------------------------
  留意点   190226 add
---------------------------------------*/
#content.idxcontent .notesSection {
    width: 100%;
    margin: 80px 0 -50px;
}

@media screen and (max-width:1023px){
    /*-------------------------------------
      留意点   190226 add
    ---------------------------------------*/
    #content.idxcontent .notesSection {
        margin-bottom: -25px;
    }
}

@media only screen and (max-width:640px){
    /*----- ヘッダ -----*/
    #indexHeading01,
    #indexHeading02,
    #indexHeading03,
    #indexHeading04 {
        height: 120px;
        background-size: cover; background-position: 25% 0;
    }
    #indexHeading01 h1 span,
    #indexHeading02 h1 span,
    #indexHeading03 h1 span,
    #indexHeading04 h1 span {
        font-size: 2.2rem;
    }
    /*----- 扉メイン -----*/
    #main #content section.hb_block {
        margin-bottom: 50px;
    }
    #main #content section.hb_block h2 {
        font-size: 4.5vw; padding-left: 32px; margin-bottom: 15px;    /*230727修正*/
    }
    #main #content section.hb_block h2.hbHeading01,
    #main #content section.hb_block h2.hbHeading02,
    #main #content section.hb_block h2.hbHeading03 {
        background-size: 24px;
    }
    #main #content section.hb_block .hb_tableWrap {
        display: block;
    }
    #main #content section.hb_block .hb_tableWrap dl {
        display: block;
        border: 1px solid #dddddd; border-top: none;
    }
    #main #content section.hb_block .hb_tableWrap dt {
        display: block; 
        border: none;
        font-size: 3.5vw;    /*230727修正*/
    }
    #main #content section.hb_block .hb_tableWrap dd {
        display: block; width: auto;
        margin: 10px; margin-top: 0;
        border: 1px solid #dddddd;
    }
    #main #content section.hb_block .hb_tableWrap dd a {
        background: none;
    }
    /*----- サマリー -----*/
    section#summary {
        margin: 50px 0;
    }
    section#summary h2 {
        font-size: 2.0rem;
    }
    section#summary h2.h2sumic00 {
        background-size: 2.8rem;
        padding-left: 32px;
        min-height: 2.8rem;
    }
    section#summary .table02 th,
    section#summary .table02 td {
        padding: 10px 15px;
        line-height: 1.6;
    }

    /*----- 指数メイン -----*/
    .idxmain {
        margin-bottom: 50px;
    }
    .idxmain .idxinner {    /*190226 add*/
        padding: 0 15px;
    }
    /*セクション見出し*/
    .idxmain .h2wrap {
        width: auto;
        margin: 0 -16px 30px -16px; padding: 10px 10px 10px 20px;    /*190228 edit*/
    }
    .idxmain .h2wrap h2 {
        width: auto; height: 60px;
        margin: 0; padding-left: 55px; padding-right: 15px;    /*190226 edit*/
        
    }
    .idxmain .h2wrap h2 span {
        font-size: 1.9rem;    /*190228 edit*/
    }
    .idxmain .h2wrap.ic01 h2, 
    .idxmain .h2wrap.ic02 h2,
    .idxmain .h2wrap.ic03 h2,
    .idxmain .h2wrap.ic04 h2 {
        background-size: 30px;
        background-position: 15px 50%;    /*190226 edit*/
    }
    .idxmain .h2wrap h2 .h2sub {
        display: inline;
        font-size: 1.5rem;
    }
    /*セクション導入文*/
    .idxmain .idxinner .idxmainP  {    /*190226 edit*/
        font-size: 1.45rem;
    }

    /*-----ページ遷移-----*/
    .hb_navi {
        padding: 0 10px;    /*190228 add*/
    }
    .hb_navi .linkBtnHb {
        display: block;
    }
    .hb_navi .linkBtnHb li {
        margin: 6px 8px;
    }
    .hb_navi .linkBtnHb li a  {
        min-width: 0;
    }
    /*-------------------------------------
      留意点   190226 add
    ---------------------------------------*/
    #content.idxcontent .notesSection {
        margin: 40px 0 -25px !important;
    }
    #content.idxcontent .notesSection .inner {
        position: relative;
    }
    #content.idxcontent .notesSection .inner .notesList01 {
        font-size: 1.1rem;
    }
}
/*--------------------------------------------
    仕様変更 202307より
---------------------------------------------*/
#content section .inner {max-width: 992px;    margin-left: auto;    margin-right: auto;}

.column_grayBox {background-color: #f5f5f5;    font-size: 1.8rem;    position: relative;    padding: 40px;    margin-top: 120px;}
.column_grayBox .ttl {text-align: center;    position: absolute;    top: 0;    left: 0;    width: 100%;    transform: translateY(-50%);}
.column_grayBox .ttl span {display: inline-block;    min-width: 178px;    color: #ffffff;    background-color: #E46C0A;    border-radius: 1000px;    font-size: 1.8rem;    font-weight: 700;}
.column_grayBox p {margin-top: 0;}

.column_m_ttl {font-size: 2.4rem;    font-weight: 700;    text-align: center;    color: #E46C0A;    margin-top: 50px;}
.column_m_ttl > .small {font-size: 0.8em;    font-weight: bold;    display: inline-block;}

.column_table01 {border-collapse: collapse;    width: 100%;    font-size: 1.6rem;    margin-top: 40px;}
.column_table01 th, .column_table01 td {padding: 15px 25px;}
.column_table01 th {background-color: #E46C0A;    color: #ffffff;    font-weight: 700;    text-align: center;    vertical-align: middle;    width: 5em;    box-sizing: content-box;}
.column_table01 td {background-color: #f5f5f5;}
.column_table01 tr:not(:first-of-type) th, .column_table01 tr:not(:first-of-type) td {border-top: 2px #ffffff solid;}

.column_table02 {border-collapse: collapse;    empty-cells: show;    width: 100%;    font-size: 1.8rem;    margin-top: 30px;}
.column_table02 th {color: #ffffff;    font-weight: 700;    background-color: #E46C0A;    text-align: center;    vertical-align: middle;}
.column_table02 th:nth-of-type(1) {/*width: 1em;    */box-sizing: content-box;}
.column_table02 th:not(:first-of-type) {border-left: 2px #ffffff solid;}
.column_table02 th:nth-of-type(3) {/*width: 5em;    */box-sizing: content-box;}
.column_table02 th:nth-of-type(4) {/*width: 3em;    */box-sizing: content-box;}
.column_table02 th:not(:first-of-type) {border-left: 2px #ffffff solid;}
.column_table02 th, .column_table02 td {padding: 15px 25px;}
.column_table02 tbody td:nth-of-type(1),
.column_table02 tbody td:nth-of-type(3),
.column_table02 tbody td:nth-of-type(4) {text-align: center;}
.column_table02 tbody tr:nth-of-type(2n) td {background-color: #f0f0f0;}

.column_note {font-size: 14px;    list-style: none;    margin-top: 10px;}
.column_note li {display: flex;}
.column_note li span {display: inline-block;    white-space: nowrap;}

#content .sec_under {margin-top: 80px;}
#content .sec_under.last {padding-bottom: 80px;}

.gray_ttl {background-color: #494949;    color: #ffffff;    padding: 15px;}
.gray_ttl span {display: block;    padding-left: 55px;    font-weight: 700;    font-size: 2.3rem;    position: relative;}
.gray_ttl span.type01:before {background-image: url(/fundinfo/special/indexfund/img/column/ttl_icn01.svg);}
.gray_ttl span.type02:before {background-image: url(/fundinfo/special/indexfund/img/column/ttl_icn02.svg);}
.gray_ttl span.type03:before {background-image: url(/fundinfo/special/indexfund/img/column/ttl_icn03.svg);}
.gray_ttl span:before {position: absolute;    content: '';    width: 55px;    height: 36px;    background: url(/fundinfo/special/indexfund/img/column/ttl_icn01.svg)no-repeat left center/contain;    left: 0;    top: 50%;    transform: translateY(-50%);}
.gray_ttl span small {font-size: 66%;}

.column_graph_ttl {font-size: 2.0rem;    font-weight: 700;    margin-top: 50px;}

.column_imgBox_center {text-align: center;}

.column_btnblock {display: flex;	justify-content: center;    margin-top: 40px;}
.column_btn01 {position: relative;    background-color: #e5010f;   box-shadow: 0px -4px 0px 0px #ae010b inset;   display: flex;    align-items: center;    text-decoration: none;    padding: 0.7em 50px;    border-radius: 1000px;}
.column_btn01.sox {background-color: #0C7316;    box-shadow: 0px -4px 0px 0px #175a1d inset;}
.column_btn01.nasdaq {background-color: #12408d;    box-shadow: 0px -4px 0px 0px #0e316c inset;}
.column_btn01 span {font-size: 16px;    color: #ffffff;    font-weight: bold;    text-align: center;    display: block;    width: 100%;}
.column_btnblock > * {margin-right: 20px}
.column_btnblock > *:last-of-type {margin-right: 0;}
.column_btn01:before {content: "";    display: block;    width: 0.5em;    aspect-ratio: 1 / 1;    border-bottom: 2px #ffffff solid;    border-right: 2px #ffffff solid;    transform: rotate(45deg) translateY(calc(-50% - 2px));    position: absolute;    top: 50%;    right: 20px;}

.column_firstp{margin-top: 25px;}

.w01 {width: 1em;}
.w02 {width: 2em;}
.w03 {width: 3em;}
.w04 {width: 4em;}
.w05 {width: 5em;}
.w06 {width: 6em;}
.w07 {width: 7em;}
.w08 {width: 8em;}
.w09 {width: 9em;}
.w10 {width: 10em;}

@media screen and (max-width: 640px) {    /*230727修正*/
#indexHeading01 h1 span, #indexHeading02 h1 span, #indexHeading03 h1 span, #indexHeading04 h1 span {font-size: min(6vw, 2.4rem);}
.column_grayBox {margin-top: 50px;    padding: 35px 25px 25px;}
.column_grayBox .ttl span {font-size: min(5vw, 2.0rem);}
.column_grayBox p {font-size: min(4vw, 1.5rem);    line-height: 1.7;}   
.column_table01, .column_table02 {font-size: min(3.5vw, 1.5rem)!important;}
.gray_ttl span {font-size: min(4.5vw, 2.5rem);}
.column_m_ttl {font-size: min(4.6vw,2.4rem);}
.column_graph_ttl {font-size: min(4vw, 2.0rem);}
.column_firstp {font-size: min(4vw, 1.5rem);    line-height: 1.8;}
.column_btnblock {display: block;}
.column_btnblock > * {max-width: 100%;    margin-top: 20px;    margin-right: auto;    margin-left: auto;}
.column_btnblock > *:nth-of-type(1) {margin-top: 0;}
.column_btnblock > *:last-of-type {margin-right: auto;}
.column_table01, .column_table02 {font-size: 1.4rem;	}
.column_table01 th, .column_table01 td, .column_table02 th, .column_table02 td {padding: 5px 10px;}
.column_note {font-size: min(3vw, 1.12rem);}
}

/*231206追加*/
.tbreak {display: block;    font-size: 2.8rem!important;}
@media only screen and (max-width:640px){
.tbreak {font-size: min(5.2vw, 1.9rem)!important;}
}
/*231206ここまで*/