@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@500;700&display=swap&text=-');

/* -- font
-------------------------------------------------------------------------------- */
@font-face {
    font-family: 'NotoSansJapanese';
    src: url('./font/NotoSansCJKjp-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NotoSansJapanese';
    src: url('./font/NotoSansCJKjp-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

/* -- Base and Reset
-------------------------------------------------------------------------------- */
html {
    font-size: 16px;
	width: 100%;
}
body {
	font: 1rem/1.6 'Roboto Slab', "Helvetica Neue", Helvetica, Arial, 'NotoSansJapanese', '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, メイリオ, sans-serif;
	text-align: left;
    color: #262626;
	width: 100%;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
caption,th,td {
	font-weight: normal;
	text-align: left;
}
input,textarea,select {
	vertical-align: middle;
}
textarea {
	resize: vertical;
}
h1,h2,h3,h4,h5,h6 { font-size: 100%; }
ul,ol { list-style: none; }
fieldset,img { border: 0; vertical-align: top; }
iframe {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
input{
    color:#333;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
label{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
a{
    text-decoration:none;
    color:inherit;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
a:focus{
    outline:none;
}
select::-ms-expand {
    display: none;
}
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    -webkit-touch-callout;
    min-width: 1281px;
}
html.font__size-big {
    font-size: 18px;
}
.pc-hide{
   display: none!important; 
}
@media only screen and (min-width: 1600px){
    html {
        font-size: 18px;
    }
    html.font__size-big {
        font-size: 20px;
    }
}
@media only screen and (max-width: 767px){
    html,
    html.font__size-big{
        font-size: 12px;
    }
    body {
        min-width: auto;
    }
    .pc-hide{
       display: block!important; 
    }
    table.pc-hide{
       display: table!important; 
    }
    .sp-hide{
        display: none!important;
    }
}
html.fix{
    overflow: hidden;
}


/* -- txt-link
-------------------------------------------------------------------------------- */
.txt-link{
    transition: color 0.1s ease;
}
@media only screen and (min-width: 1281px){
    .txt-link:hover{
        color: #1bb8ce;
    }
}


/* -- ex-link
-------------------------------------------------------------------------------- */
.ex-link{
    position: relative;
}
.ex-link::after{
    content: "";
    display: inline-block;
    width: 0.75rem;
    height: 0.75rem;
    background: url(../img/ico_ex_link.svg) no-repeat center;
    margin-left: 0.4rem;
    margin-right: 0.4rem;
    transform: translateY(1px);
    transition: background 0.1s ease;
}
a.ex-link{
    transition: color 0.1s ease;
}
@media only screen and (min-width: 1281px){
    a.ex-link:hover{
        color: #1bb8ce;
    }
    a.ex-link:hover::after{
        background-image: url(../img/ico_ex_link_hover.svg);
    }
}
@media only screen and (max-width: 767px){
}


/* -- pdf-icon
-------------------------------------------------------------------------------- */
.pdf-icon,
.article .pdf-link{
    position: relative;
}
.pdf-icon::after,
.article .pdf-link::after{
    content: "";
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background: url(../img/ico_pdf_min.svg) no-repeat center;
    background-size: cover;
    margin-left: 0.4rem;
    margin-right: 0.4rem;
    transform: translateY(0.1875rem);
    transition: background 0.1s ease;
}
_::-webkit-full-page-media, _:future, :root .pdf-icon::after,
_::-webkit-full-page-media, _:future, :root .article .pdf-link::after {
    transition: none;
}
@media only screen and (min-width: 1281px){
    .pdf-icon:hover::after,
    .article .pdf-link:hover::after{
        background-image: url(../img/ico_pdf_min_hover.svg);
    }
}
@media only screen and (max-width: 767px){
    .pdf-icon::after,
    .article .pdf-link::after{
        width: 16px;
        height: 16px;
        transform: translateY(0.3125rem);
    }
}


/* -- download-btn
-------------------------------------------------------------------------------- */
.download-btn{
    position: relative;
    padding-left: calc(1rem + 0.625rem);
}
.download-btn::before{
    content: "";
    display: block;
    width: 1rem;
    height: 1rem;
    background: url(../img/ico_download.svg) no-repeat center;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    margin-top: -1px;
    transition: background 0.1s ease;
}
@media only screen and (min-width: 1281px){
    .download-btn:hover::before{
        background-image: url(../img/ico_download_hover.svg);
    }
}


/* -- time-icon
-------------------------------------------------------------------------------- */
.time-icon{
    position: relative;
    padding-left: calc(0.75rem + 0.375rem);
}
.time-icon::before{
    content: "";
    display: block;
    width: 0.75rem;
    height: 0.75rem;
    background: url(../img/ico_time.svg) no-repeat center;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
@media only screen and (max-width: 767px){
    .time-icon {
        padding-left: calc(0.5em + 12px);
    }
    .time-icon::before{
        width: 12px;
        height: 12px;
    }
}


/* -- result__btn
-------------------------------------------------------------------------------- */
.result__btn{
    display: flex;
    justify-content: center;
    margin-top: 2.5rem;
}
.result__btn a {
    display: block;
    background: #2e344f;
    color: #fff;
    padding: 0.9375rem;
    min-width: 10rem;
    text-align: center;
    font-weight: bold;
    letter-spacing: 1px;
    border-radius: 3.5rem;
    transition: 0.2s ease;
}
@media only screen and (min-width: 1281px){
    .result__btn a:hover {
        background: #1bb8ce;
    }
}


/* -- input
-------------------------------------------------------------------------------- */
input{
    -webkit-appearance: none;
    border-radius: 0;
    border:0;
    margin:0;
    padding: 0.9375rem 0.9375rem;
    font-size: 0.9375em;
    border:solid 1px #e0e0e0;
    background: #fff;
    border-radius: 3px;
    box-sizing: border-box;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
input:focus {
  outline: 0;
}
@media only screen and (max-width: 767px){
    input{
        font-size: 1.125rem;
    }
}


/* -- page__link-btn
-------------------------------------------------------------------------------- */
.page__link-btn{
    margin-top: 3.125rem;
    display: flex;
    justify-content: center;
}
.page__link-btn a{
    display: block;
    font-size: 0.9375rem;
    font-weight: bold;
    line-height: 1.5;
    padding: 1.125rem 1.875rem;
    border-radius: 4rem;
    position: relative;
    padding-right: calc(0.875rem + 1.875rem + 1.25rem);
    background: #2e344f;
    overflow: hidden;
    letter-spacing: 1px;
    color: #fff;
    transition: color 0.1s ease;
}
.page__link-btn a + a{
    margin-left: 0.9375rem;
}
.page__link-btn a::before{
    content: "";
    display: block;
    width: 0;
    height: 100%;
    background: #1bb8ce;
    position: absolute;
    right: 0;
    bottom: 0;
    transition: width 0.2s ease;
}
@media only screen and (min-width: 1281px){
    .page__link-btn a:hover::before{
        width: 100%;
        right: auto;
        left: 0;
    }
}
.page__link-btn a span{
    position: relative;
}
.page__link-btn a .arrow{
    display: block;
    width: 0.875rem;
    height: 0.875rem;
    position: absolute;
    top: 50%;
    right: 1.875rem;
    transform: translateY(-50%);
    overflow: hidden;
}
.page__link-btn a .arrow svg{
    display: block;
    width: 100%;
    height: 100%;
    fill: #fff;
}
@media only screen and (min-width: 1281px){
    .page__link-btn a:hover .arrow svg{
        animation: arrow_slide 0.3s linear forwards;
    }
}
@keyframes arrow_slide{
	0% {
		transform: translateX(0%);
	}
	50% {
		transform: translateX(100%);
	}
	51% {
		transform: translateX(-100%);
	}
	100% {
		transform: translateX(0%);
	}
}
@media only screen and (max-width: 767px){
    .page__link-btn {
        margin-top: 1.875rem;
    }
    .page__link-btn a{
        font-size: 1rem;
        padding-right: calc(1rem + 1.5625rem + 1.25rem);
    }
    .page__link-btn a + a{
        margin-left: 0.625rem;
    }
    .page__link-btn a .arrow{
        width: 1rem;
        height: 1rem;
        right: 1.5625rem;
    }
    .page__link-btn.sp-min a{
        font-size: 0.875rem;
        padding: 0.9375rem 1.25rem;
        padding-right: calc(1rem + 1.25rem + 0.625rem);
    }
    .page__link-btn.sp-min a .arrow {
        width: 1rem;
        height: 1rem;
        right: 1.25rem;
    }
}


/* -- search__form
-------------------------------------------------------------------------------- */
.search__form{
    position: relative;
    width: 12.5rem;
}
html.font__size-big header .search__form{
    width: 11.1rem;
}
.search__form-input{
    border: none;
    outline: none;
    background: #f0f0f0;
    font-size: 0.75rem;
    border-radius: 1.125rem;
    box-sizing: border-box;
    padding: 0 2.5rem 0 0.9375rem;
    width: 100%;
    height: 2.25rem;
}
html.font__size-big header .search__form-input{
    font-size: 0.667rem;
    border-radius: 1rem;
    padding: 0 2.2rem 0 0.8333rem;
    height: 2rem;
}
.search__form-input::placeholder{
    color: #999;
}
.search__form-submit{
    border: none;
    margin: 0;
    outline: none;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 2.5rem;
    height: 2.25rem;
    background: transparent;
    cursor: pointer;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
html.font__size-big header .search__form-submit{
    width: 2.22rem;
    height: 2rem;
}
.search__form-submit::before {
    content: "";
    display: block;
    width: 0.875rem;
    height: 0.875rem;
    background: url(../img/ico_search.svg) no-repeat center;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: opacity 0.2s ease, background 0.2s ease;
}
html.font__size-big header .search__form-submit::before {
    width: 0.778rem;
    height: 0.778rem;
}
@media only screen and (min-width: 1281px){
    .search__form-submit:hover::before{
        background-image: url(../img/ico_search_hover.svg);
    }
}
@media only screen and (max-width: 767px){
    .search__form-input{
        font-size: 1.0625rem;
        height: 3.25rem;
        border-radius: 3.25rem;
        padding: 0 3.75rem 0 1.25rem;
    }
    .search__form-submit {
        right: 0;
        top: 0;
        width: 3.75rem;
        height: 3.25rem;
    }
    .search__form-submit::before {
        width: 1.25rem;
        height: 1.25rem;
    }
}


/* -- header
-------------------------------------------------------------------------------- */
header{
    padding: 0.9375rem 1.25rem 0.9375rem 3%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
html.font__size-big header{
    padding: 0.8333rem 1.11rem 0.8333rem 2.7%;
}
header .logo{
    display: flex;
    align-items: center;
}
header .logo .img{
    display: block;
    height: 3.125rem;
    height: 2.7rem;
    max-width: 50px;
}
html.font__size-big header .logo .img{
    height: 2.778rem;
    height: 2.4rem;
}
header .logo .img img{
    height: 100%;
}
/*
html.font__size-big header .logo .img img{
    height: 98%;
}
*/
header .logo .text{
    margin-left: 1.5625rem;
    height: 1.25rem;
    height: 20px;
}
html.font__size-big header .logo .text{
    margin-left: 1.389rem;
    height: 1.11rem;
    height: 18px;
}
header .logo .text img{
    height: 100%;
}
html.font__size-big header .logo .text img{
    height: 89%;
}
header .header__inner{
    font-size: 0.75rem;
}
html.font__size-big header .header__inner{
    font-size: 0.67rem;
}
header .header__nav{
    display: flex;
    align-items: center;
}
header .header__nav dl{
    display: flex;
    align-items: center;
}
header .header__nav dl + dl{
    margin-left: 1.25rem;
}
html.font__size-big header .header__nav dl + dl{
    margin-left: 1.11rem;
}
header .header__nav dt{
    margin-right: 0.625rem;
}
html.font__size-big header .header__nav dt{
    margin-right: 0.555rem;
}
header .header__nav .header__login{
    border-left: solid 1px #e5e5e5;
    margin-left: 0.9375rem;
    padding-left: 0.9375rem;
    position: relative;
}
html.font__size-big header .header__nav .header__login{
    margin-left: 0.8333rem;
    padding-left: 0.8333rem;
}
header .header__nav .header__login .header__login-btn,
header .header__nav-btn a{
    display: block;
    font-weight: bold;
    background: #c67e3f;
    color: #fff;
    padding: 0 0.9375rem;
    line-height: 2.25rem;
    border-radius: 1.125rem;
    transition: background 0.1s ease;
}
html.font__size-big header .header__nav .header__login .header__login-btn,
html.font__size-big header .header__nav-btn a{
    padding: 0 0.8333rem;
    line-height: 2rem;
    border-radius: 1rem;
}
@media only screen and (min-width: 1281px){
    header .header__nav .header__login .header__login-btn:hover{
        background: #cf925d;
    }
}
header .header__nav .header__login .header__login-btn{
    position: relative;
    padding-left: calc(0.9375rem + 0.8125rem + 0.625rem);
}
html.font__size-big header .header__nav .header__login .header__login-btn{
    position: relative;
    padding-left: calc(0.8333rem + 0.7222rem + 0.555rem);
}
header .header__nav .header__login .header__login-btn::before{
    content: "";
    display: block;
    background: url(../img/ico_login.svg) no-repeat;
    background-size: cover;
    width: 0.875rem;
    height: 0.875rem;
    position: absolute;
    top: 50%;
    left: 0.9375rem;
    transform: translateY(-50%);
}
html.font__size-big header .header__nav .header__login .header__login-btn::before{
    width: 0.778rem;
    height: 0.778rem;
    top: 50%;
    left: 0.8333rem;
    transform: translateY(-50%);
}
header .header__nav .header__login .header__login-btn.logout::before{
    background-image: url(../img/ico_logout.svg);
}
header .header__nav-btn{
    display: flex;
}
header .header__nav-btn a{
    background: #f0f0f0;
    color: #999;
    transition: color 0.1s ease, background 0.1s ease;
}
@media only screen and (min-width: 1281px){
    header .header__nav-btn a:hover{
        color: #1bb8ce;
        background: #e9e9e9;
    }
}
header .header__nav-btn a.active{
    background: #1bb8ce;
    color: #fff;
}
header .header__nav-btn a + a{
    margin-left: 0.3125rem;
}
.header__link ul{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.header__link li{
    text-align: center;
}
.header__link li + li{
    margin-left: 1.5625rem;
}
html.font__size-big .header__link li + li{
    margin-left: 1.3889rem;
}
nav.members .header__link li + li {
    border-left: solid 1px #e5e5e5;
    padding-left: 1.5625rem;
}
html.font__size-big nav.members .header__link li + li {
    padding-left: 1.3889rem;
}
.header__link a {
    display: block;
    font-size: 0.8125rem;
    line-height: 1.4;
    white-space: nowrap;
    transition: color 0.1s ease;
}
html.font__size-big .header__link a {
    font-size: 0.7222rem;
}
@media only screen and (min-width: 1281px){
    .header__link a:hover {
        color: #1bb8ce;
    }
}
header .header__nav__sp {
    display: none;
}
@media only screen and (max-width: 767px){
    header{
        width: 100%;
        background: #fff;
        box-sizing: border-box;
        padding: 0 0 0 3%;
        position: fixed;
        z-index: 10001;
        transition: transform 0.2s ease;
        box-shadow: 0 0 0.3125rem 0 rgb(0 0 0 / 15%);
    }
    header.hidden:not(.open){
        transform: translateY(-100%);
    }
    header.hidden.campany__nav-open{
        transform: translateY(0);
    }
    header .logo .img{
        height: 22px;
    }
    header .logo .text{
        height: 10px;
        margin-left: 12.5px;
    }
    header .header__nav{
        display: none;
    }
    header .header__nav__sp {
        display: flex;
        align-items: center;
    }
    header .header__nav__sp-favorite {
        width: 32px;
        height: 50px;
        position: relative;
    }
    header .header__nav__sp-favorite .mark {
        display: block;
        width: 32px;
        height: 32px;
        box-sizing: border-box;
        padding: 8px;
        background: #f0f2f5;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    header .header__nav__sp-favorite .num {
        width: 16px;
        background: #ed293e;
        border-radius: 50%;
        font-size: 10px;
        line-height: 16px;
        text-align: center;
        font-weight: bold;
        color: #fff;
        position: absolute;
        top: 5px;
        right: -5px;
    }
    header .header__nav__sp-favorite span img {
        width: 100%;
    }
    header .header__nav__sp-menu-btn {
        width: calc(20px + 10vw);
        height: 50px;
        position: relative;
    }
    header .header__nav__sp-menu-btn .bar {
        display: block;
        width: 20px;
        height: 20px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    header .header__nav__sp-menu-btn .bar span {
        display: block;
        width: 20px;
        border-top: solid 2px;
        position: absolute;
        top: 0;
        right: 0;
        transition: 0.2s ease;
    }
    header .header__nav__sp-menu-btn .bar .bar-1 {
        top: 2px;
    }
    header .header__nav__sp-menu-btn .bar .bar-2 {
        top: 9px;
    }
    header .header__nav__sp-menu-btn .bar .bar-3 {
        top: 16px;
    }
    header .header__nav__sp-menu-btn.active .bar .bar-1 {
        top: 9px;
        transform: rotate(-45deg);
    }
    header .header__nav__sp-menu-btn.active .bar .bar-2 {
        width: 0;
        opacity: 0;
    }
    header .header__nav__sp-menu-btn.active .bar .bar-3 {
        top: 9px;
        transform: rotate(45deg);
    }
}


/* -- nav
-------------------------------------------------------------------------------- */
nav{
    position: relative;
    height: 3.875rem;
}
nav .nav__inner{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 3% 0 calc(3% - 1.25rem);
    box-sizing: border-box;
    background: #fff;
    width: 100%;
    min-width: 1281px;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1000;
    transition: transform 0.2s ease;
}
nav.members .nav__inner{
    padding-left: 3%;
}
nav.fix .nav__inner{
    position: fixed;
}
nav.fix:not(.hidden) .nav__inner{
    box-shadow: 0 0 0.3125rem 0 rgba(0,0,0,0.15);
}
nav.fix:not(.hidden) + .wrapper .fund__detail-head-nav{
    top: 3.875rem;
}
nav.fix.hidden .nav__inner{
    transform: translateY(-100%);
}
nav .nav__list-wrap{
    display: flex;
}
nav .nav__list-block{
    display: flex;
    align-items: center;
}
nav .nav__list-wrap .nav__list-ttl{
    font-size: 0.75rem;
    line-height: 1.4;
    font-weight: bold;
    white-space: nowrap;
    color: #c67e3f;
    border-left: solid 3px;
    padding-left: 0.625rem;
}
nav .nav__list-block + .nav__list-block{
    padding-left: 1.875rem;
}
nav .nav__list{
    width: 100%;
    display: flex;
}
nav .nav__list-ttl + .nav__list{
    margin-left: 0.625rem;
}
nav .nav__list > li > a{
    display: block;
    font-size: 0.9375rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
    padding: 1.25rem 1.25rem;
    position: relative;
    transition: background 0.1s ease;
}
nav .nav__list > li > a::before {
    content: "";
    display: block;
    width: 0;
    height: 5px;
    background: #2660ad;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    transition: width 0.2s ease;
}
nav.members .nav__list > li > a::before {
    background: #c67e3f;
}
nav .nav__list > li > a.active::before {
    width: calc(100% - 2.5rem);
}
.members__report-pdf-html {
    display: flex;
}
.members__report-pdf-html .members__report-title {
    display: flex;
}
.members__report-pdf-html .members__report-date {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 1.25rem 0;
    font-size: 0.9375rem;
    transition: color 0.1s ease;
}
.members__report-date {
    margin-left: auto;
}
.main__section .members-form .note {
    font-size: 0.75rem;
    line-height: 1.6;
    color: #666;
    text-indent: -1em;
    padding-left: 1em;
    margin-top: 0.3125rem;
}
.main__section #members__login-form .note {
    text-indent: 0;
    padding-left: 0;
}
.main__section .members-password {
    text-align: center;
}
@media only screen and (min-width: 1281px){
    nav .nav__list > li:hover > a::before {
        width: calc(100% - 2.5rem);
    }
}
nav .nav__list > li > a .text{
    display: block;
}
nav .nav__hover{
    width: 100%;
    display: flex;
    align-items: center;
    text-align: left;
    background: #1f2436;
    box-sizing: border-box;
    position: absolute;
    top: 3.875rem;
    left: 0;
    color: #fff;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
}
nav .nav__hover .nav__hover-img {
    width: 25%;
    box-sizing: border-box;
    padding: 0.625rem 0.625rem 0.625rem 0;
}
nav .nav__hover .nav__hover-img span{
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: 3px;
    position: relative;
}
nav .nav__hover .nav__hover-img img{
    width: 100%;
}
nav .nav__hover .nav__hover-area{
    width: 75%;
    box-sizing: border-box;
    padding-left: 7%;
}
nav .nav__inner ul > li:hover .nav__hover{
    opacity: 1;
    visibility: visible;
}
nav .nav__hover ul{
    display: flex;
    flex-wrap: wrap;
    font-size: 0.875rem;
    margin-top: -1em;
}
nav .nav__hover li{
    width: 25%;
    margin-top: 1em;
}
nav .nav__hover li.wide{
    width: 50%;
}
nav .nav__hover li a{
    transition: color 0.1s ease;
}
@media only screen and (min-width: 1281px){
    nav .nav__hover li a:hover{
        color: #1bb8ce;
    }
}
nav .nav__hover .nav__hover-flex{
    display: flex;
    width: 75%;
    box-sizing: border-box;
    padding-left: 7%;
}
nav .nav__hover .nav__hover-flex .nav__hover-area{
    width: 25%;
    padding-left: 0;
}
nav .nav__hover .nav__hover-flex .nav__hover-area li{
    width: 100%;
}
nav .nav__hover .nav__hover-flex .nav__hover-area:first-child{
    width: 75%;
}
nav .nav__hover .nav__hover-flex .nav__hover-area:first-child li{
    width: 33.333333%;
}
nav .nav__hover .nav__hover-flex .nav__hover-title{
    font-size: 1rem;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 1.25rem;
}
@media only screen and (max-width: 767px){
    nav{
        display: none;
    }
    nav.fix:not(.hidden) + .wrapper .fund__detail-head-nav {
        top: 50px;
    }
}


/* -- sp-nav
-------------------------------------------------------------------------------- */
.sp-nav{
    display: none;
}
@media only screen and (max-width: 767px){
    .sp-nav{
        display: block;
        width: 100%;
        height: calc(100% - 50px);
        background: #2e344f;
        position: fixed;
        top: 50px;
        left: 0;
        z-index: 10000;
        opacity: 0;
        visibility: hidden;
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
        transition: opacity 0.2s ease, visibility 0.2s ease;
    }
    .sp-nav.open{
        opacity: 1;
        visibility: visible;
    }
    .sp-nav .sp-nav-inner{
        padding-bottom: 5rem;
    }
    .sp-nav .search__form-wrap{
        width: 100%;
        box-sizing: border-box;
        padding: 1.25rem;
        background: #f0f0f0;
    }
    .sp-nav .search__form{
        width: 100%;
    }
    .sp-nav .search__form-input {
        background: #fff;
    }
    .sp-nav-main{
        background: #fff;
    }
    .sp-nav .sp-nav-main a,
    .sp-nav .sp-nav-pulldown > p{
        display: block;
        font-size: 1.125rem;
        font-weight: bold;
        padding: 1.25rem;
        border-top: solid 1px rgba(0,0,0,0.07);
    }
    .sp-nav .sp-nav-main a{
        position: relative;
    }
    .sp-nav .sp-nav-main a::before{
        content: "";
        display: block;
        width: 6px;
        height: 6px;
        border-top: solid 1px #999;
        border-right: solid 1px #999;
        position: absolute;
        top: 50%;
        left: calc(1.25rem + 2px);
        transform: translateY(-50%) rotate(45deg);
    }
    .sp-nav .sp-nav-pulldown-btn{
        position: relative;
        cursor: pointer;
        -webkit-tap-highlight-color:rgba(0,0,0,0);
    }
    .sp-nav .sp-nav-pulldown-btn::before,
    .sp-nav .sp-nav-pulldown-btn::after{
        content: "";
        display: block;
        width: 12px;
        border-top:solid 2px;
        position: absolute;
        top: 50%;
        right: 1.875rem;
        margin-top: -1px;
        transition: 0.2s ease;
    }
    .sp-nav .sp-nav-pulldown-btn::after{
        transform: rotate(-90deg);
    }
    .sp-nav .sp-nav-pulldown-btn.active::after{
        transform: rotate(0);
    }
    .sp-nav .sp-nav-pulldown:first-child > p{
        border-top: none;
    }
    .sp-nav .sp-nav-pulldown ul{
        display: none;
    }
    .sp-nav .sp-nav-pulldown li a{
        font-size: 1rem;
        font-weight: normal;
        padding: 0 1.25rem;
        line-height: 44px;
        padding-left: calc(1.25rem + 20px);
        background: #fafafa;
    }
    .sp-nav .sp-nav-login-btn{
        background: #1f2436;
        padding: 1.5625rem 1.25rem;
    }
    .sp-nav .sp-nav-login-btn a{
        background: #c67e3f;
        color: #fff;
        font-size: 1rem;
        padding: 0.9375rem 1.25rem;
        border-radius: 3.125rem;
        border-top: none;
        text-align: center;
        position: relative;
        max-width: calc(320px - 14%);
        box-sizing: border-box;
        margin: 0 auto;
    }
    .sp-nav .sp-nav-login-btn a::before {
        content: "";
        display: block;
        background: url(../img/ico_login.svg) no-repeat;
        background-size: cover;
        width: 14px;
        height: 14px;
        position: absolute;
        top: 50%;
        left: auto;
        right: 1.875rem;
        transform: translateY(-50%);
        margin-top: -1px;
    }
    .sp-nav .sp-nav-sub{
        background: #2e344f;
    }
    .sp-nav .sp-nav-sub ul{
        display: flex;
        flex-wrap: wrap;
        border-bottom: solid 1px #1f2436;
    }
    .sp-nav .sp-nav-sub li{
        width: 50%;
        box-sizing: border-box;
    }
    .sp-nav .sp-nav-sub li.wide{
        width: 100%;
    }
    .sp-nav .sp-nav-sub li:nth-child(2),
    .sp-nav .sp-nav-sub li:nth-child(4){
        border-left: solid 1px #1f2436;
    }
    .sp-nav .sp-nav-sub li:nth-child(3),
    .sp-nav .sp-nav-sub li:nth-child(4){
        border-top: solid 1px #1f2436;
    }
    .sp-nav .sp-nav-sub li a{
        display: block;
        font-size: 0.875rem;
        padding: 1.25rem;
        color: #fff;
        text-align: center;
    }
    .sp-nav .sp-nav-ttl{
        font-size: 0.875rem;
        color: #c67e3f;
        padding: 0.625rem 1.25rem;
        border-top: solid 1px rgba(0,0,0,0.07);
    }
    .sp-nav .sp-nav-ttl:first-child {
        border-top: none;
    }
    .sp-nav .sp-nav-main .sp-nav-no-head a::before {
        display: none;
    }
}


/* -- breadcrumb
-------------------------------------------------------------------------------- */
.breadcrumb {
    padding: 1.25rem 3%;
    background: #2e344f;
    color: #fff;
}
.breadcrumb ul {
    display: flex;
}
.breadcrumb li {
    font-size: 0.75rem;
    line-height: 1.4;
    position: relative;
}
.breadcrumb li + li {
    margin-left: 1.875rem;
}
.breadcrumb li + li::before {
    content: "";
    display: block;
    width: 0.3125rem;
    height: 0.3125rem;
    border-top: solid 1px rgba(255,255,255,0.4);
    border-right: solid 1px rgba(255,255,255,0.4);
    position: absolute;
    top: 50%;
    left: -1.1875rem;
    transform: translateY(-50%) rotate(45deg);
}
.breadcrumb li a {
    transition: color 0.1s ease;
}
@media only screen and (min-width: 1281px){
    .breadcrumb li a:hover {
        color: #1bb8ce;
    }
}
.breadcrumb li p {
    color: rgba(255,255,255,0.6);
}
@media only screen and (max-width: 767px){
    .breadcrumb {
        padding: 0.9375rem 1.25rem;
    }
    .breadcrumb ul {
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
    }
    .breadcrumb li {
        font-size: 0.8125rem;
    }
    .breadcrumb li + li {
        margin-left: 1.5625rem;
    }
    .breadcrumb li + li::before {
        left: -1.03125rem;
    }
    .breadcrumb li a,
    .breadcrumb li p{
        display: block;
        white-space: nowrap;
    }
}


/* -- tab
-------------------------------------------------------------------------------- */
.tab {
    /* margin-bottom: 1.875rem; */
    margin-bottom: 1.5rem;
    position: relative;
}
.tab::after{
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
    border-bottom: solid 3px rgba(0,0,0,0.07);
    z-index: 2;
}
.tab ul{
    display: flex;
}
.tab li{
    position: relative;
    z-index: 1;
}

.tab.fund_detail_width li{
    width: 16.6%;
    min-width: 100px;
}

.tab li + li{
    margin-left: 0.4rem;
}
.tab li a{
    display: block;
    font-size: 0.875rem;
    font-weight: bold;
    padding: 0.9375rem 1.25rem;
    text-align: center;
    border-radius: 3px 3px 0 0;
    transition: 0.1s ease;
    background-color: #f0f0f0;
}
@media only screen and (min-width: 1281px){
    .tab li a:hover{
        color: #2660ad;
    }
}
.tab li a.active{
    background: #2660ad;
    color: #fff;
}
.tab li a.pdf-icon{
}
.tab li a.pdf-icon::after{
    margin-right: 0;
}
@media only screen and (min-width: 1281px){
    .tab li a.pdf-icon:hover::after{
        background-image: url(../img/ico_pdf_min_col.svg);
    }
}
.tab__area{
    transition: opacity 0.3s ease;
}
.tab__area.disable{
    opacity: 0;
}
.tab__area .tab__area-inner{
    display: none;
}
.tab__area .tab__area-inner.active{
    display: block;
}
@media only screen and (max-width: 767px){
    .tab {
        margin-left: -5vw;
        margin-right: -5vw;
        position: relative;
    }
    .tab .tab-inner {
        position: relative;
    }
    .tab .tab-inner::before,
    .tab .tab-inner::after{
        content: "";
        display: block;
        width: 10%;
        height: 100%;
        background: linear-gradient(to right, #fff 20%, rgba(255,255,255,0));
        position: absolute;
        top: 0;
        left: 0;
        padding: 0;
        z-index: 2;
        opacity: 0;
    }
    .tab .tab-inner::after{
        background: linear-gradient(to left, #fff 20%, rgba(255,255,255,0));
        left: auto;
        right: 0;
    }
    .list__table__sp-card-wrap .tab .tab-inner::before{
        background: linear-gradient(to right, #eee 20%, rgba(238,238,238,0));
    }
    .list__table__sp-card-wrap .tab .tab-inner::after{
        background: linear-gradient(to left, #eee 20%, rgba(238,238,238,0));
    }
    .tab.shadow-left .tab-inner::before{
        opacity: 1;
    }
    .tab.shadow-right .tab-inner::after{
        left: auto;
        right: 0;
        opacity: 1;
    }
    .tab .tab-inner-box {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .tab ul{
        padding: 0 5%;
        white-space: nowrap;
    }
    .tab ul::after{
        content: "";
        display: block;
        padding-right: 5%;
    }
    .tab li a {
        font-size: 1rem;
        padding: 0.9375rem 1.25rem;
    }
}


/* -- sub-tab
-------------------------------------------------------------------------------- */
.sub-tab{
    margin-top: -0.625rem;
}
.sub-tab::after{
    display: none;
}
.sub-tab li a{
    display: block;
    font-size: 0.75rem;
    font-weight: bold;
    min-width: auto;
    padding: 0 0.875rem;
    line-height: 2.25rem;
    border-radius: 1.125rem;
    background: #f5f5f5;
}
@media only screen and (max-width: 767px){
    .sub-tab{
    }
    .sub-tab li a{
        font-size: 0.875rem;
        padding: 0.1875rem 0.9375rem;
        border-radius: 32px;
    }
}


/* -- note
-------------------------------------------------------------------------------- */
.note {
    margin-top: 1.875rem;
}
ul.note {
    padding-left: 1em;
}
.note.txt-indent p{
    padding-left: 1em;
    text-indent: -1em;
}
.note p,
.note li{
    font-size: 0.8125rem;
    line-height: 1.8;
}
.note li {
    list-style-type: disc;
    padding-left: 0.25em;
}
@media only screen and (max-width: 767px){
    .note p,
    .note li{
        font-size: 0.875rem;
    }
}


/* -- doc__link-btn
-------------------------------------------------------------------------------- */
.doc__link-btn {
    text-align: center;
}
.doc__link-btn a {
    display: block;
    font-size: 0.8125rem;
    font-weight: bold;
    color: #2e344f;
    letter-spacing: 0;
    transition: color 0.1s ease;
}
@media only screen and (min-width: 1281px){
    .doc__link-btn a:hover {
        color: #1bb8ce;
    }
}


/* -- wrapper
-------------------------------------------------------------------------------- */
.wrapper {
    position: relative;
    overflow: hidden;
}
.wrapper::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    position: absolute;
    top:0;
    left: 0;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
}
.wrapper.disable::before {
    opacity: 1;
    visibility: visible;
}
.wrapper .wrapper__inner {
    transition: 0.1s ease;
}
.wrapper.disable .wrapper__inner {
    -ms-filter: blur(5px);
    filter: blur(5px);
}
@media only screen and (max-width: 767px){
    .wrapper {
        padding-top: 50px;
    }
}



/* -- main
-------------------------------------------------------------------------------- */
main {
    display: block;
}
.main__section {
    margin-top: 5rem;
}
.main__section:first-child {
    margin-top: 0;
}
.main__section .section__inner{
    padding: 0 7%;
}
.main__section .section__title{
    font-size: 1.5rem;
    line-height: 1.4;
    margin-bottom: 1.875rem;
    letter-spacing: 1px;
}
.main__section .section__title-wrap{
    display: flex;
    align-items: center;
}
.main__section .section__title-wrap .section__title{
    font-size: 1.75rem;
    margin-bottom: 0;
    /* white-space: nowrap; */
}
.main__section .section__lead{
    font-size: 0.9375rem;
    line-height: 1.8;
    border-left: solid 3px #e5e5e5;
    padding-left: 2.5rem;
    margin-left: 3.75rem;
}
.main__section .section__lead .note{
    font-size: 0.75rem;
    line-height: 1.6;
    color: #666;
    text-indent: -1em;
    padding-left: 1em;
    margin-top: 0.3125rem;
}
.main__section .section__inner-block + .section__inner-block{
    margin-top: 3.75rem;
}
.main__section.fund__info-wrap{
    padding-top: 0;
    padding-right: 0;
}
.main__section-nav{
    background: #2e344f;
    position: relative;
}
.section__inner-block .section__title{
    font-size: 1.25rem;
    letter-spacing: 1px;
    margin-bottom: 1.25rem;
    position: relative;
}
.section__inner-block .section__title.flex{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.section__inner-block-flex{
    display: flex;
    justify-content: space-between;
    margin-top: 3.75rem;
}
.section__inner-block-flex .section__inner-block{
    width: calc(50% - 1.25rem);
}
.section__inner-block-flex .section__inner-block + .section__inner-block{
    margin-top: 0;
}
@media only screen and (max-width: 767px){
    .main__section {
        margin-top: 2.5rem;
    }
    .main__section .section__inner{
        padding: 0 5%;
    }
    .main__section .section__title-wrap .section__title{
        font-size: 1.75rem;
        white-space: normal;
    }
    .main__section .section__title{
        font-size: 1.5rem;
        margin-bottom: 1.25rem
    }
    .section__inner-block .section__title {
        font-size: 1.25rem;
        margin-bottom: 0.9375rem;
    }
    .main__section .section__lead .note{
        font-size: 0.875rem;
    }
    .main__section-nav {
        padding: 1.5625rem 0;
    }
    .main__slider-nav {
        position: static;
        transform: none;
    }
    .section__inner-block-flex {
        display: block;
        margin-top: 2.5rem;
    }
    .section__inner-block-flex .section__inner-block {
        width: 100%;
    }
    .section__inner-block-flex .section__inner-block + .section__inner-block {
        margin-top: 2.5rem;
    }
}


/* -- main__slider
-------------------------------------------------------------------------------- */
.swiper-coverer {
    max-width: 100%;
}
.swiper-slide {
    flex-shrink: 0;
}
.main__slider {
    background: #1f2436;
    position: relative;
}
.main__slider .main__slider-inner {
    overflow: hidden;
    padding: 2.5rem 0;
}
.main__slider .main__slider-img-wrap {
    position: relative;
}
.main__slider .main__slider-img {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    visibility: hidden;
}
.main__slider .main__slider-img li {
/*    width: calc(100% / 3); */
    width: calc(calc(100% - 120px) / 3.3);
    box-sizing: border-box;
}
@media only screen and (max-width: 767px){
    .main__slider .main__slider-img li {
        width: 100%;
    }
}
.main__slider .main__slider-img a {
    display: block;
    box-shadow: 0 8px 24px rgba(0,0,0,0.3);
    border-radius: 3px;
    overflow: hidden;
    position: relative;
    background: #fff;
}
.main__slider .main__slider-img a img {
    width: 100%;
    transition: opacity 0.2s ease;
}
@media only screen and (min-width: 1281px){
    .main__slider .main__slider-img a:hover img{
        opacity: 0.7;
    }
}
.main__slider-btn-wrap{
    display: flex;
    justify-content: flex-end;
}
.main__slider-btn {
    width: 80px;
    height: 80px;
    background: #2e344f;
    position: relative;
    transition: background 0.2s ease;
}
@media only screen and (min-width: 1281px){
    .main__slider-btn:hover{
        background: #1f2436;
    }
}
.main__slider-btn::before {
    content: "";
    width: 1rem;
    height: 1rem;
    background: url(../img/ico_arrow_w.svg) no-repeat center;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.main__slider-btn.prev {
}
.main__slider-btn.prev::before {
    transform: translate(-50%,-50%) scale(-1, 1);
}
.main__slider-btn.next {
}
.main__slider-nav{
    display: flex;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
}
.main__slider-nav li{
    margin: 0 0.375rem;
}
.main__slider-nav .swiper-pagination-bullet{
    display: block;
    width: 10px;
    height: 10px;
    background: #181c2a;
    border-radius: 50%;
    opacity: 1;
    margin: 0 6px;
    cursor: pointer;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.main__slider-nav .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #1bb8ce;
}
.main__slider-stop-btn{
    width: 80px;
    height: 5rem;
    position: absolute;
    bottom: 0;
    right: 0;
}
.main__slider-stop-btn a{
    display: block;
    width: 40px;
    height: 40px;
    background: #2e344f;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    transition: background 0.1s ease;
}
@media only screen and (min-width: 1281px){
    .main__slider-stop-btn a:hover{
        background: #373f5f;
    }
}
.main__slider-stop-btn a.stop{
    background: #1bb8ce;
}
.main__slider-stop-btn a::before{
    content: "";
    display: block;
    width: 0.625rem;
    height: 0.625rem;
    background: url(../img/ico_stop.svg) no-repeat center;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.main__slider-btn.stop-btn::before {
    width: 0.875rem;
    height: 0.875rem;
    background-image: url(../img/ico_stop.svg);
}
.main__slider-btn.stop-btn.stop::before {
    background-image: url(../img/ico_stop_stop.svg);
}
@media only screen and (max-width: 767px){
    .main__slider .main__slider-inner {
        padding: 1.875rem 0;
    }
    .main__slider-nav{
        position: static;
        transform: none;
    }
    .main__slider .main__slider-img-wrap {
        padding: 0 7%;
    }
    .main__slider-nav .swiper-pagination-bullet{
        display: block;
        width: 8px;
        height: 8px;
        margin: 0 5px;
    }
}


/* -- fund__info-wrap
-------------------------------------------------------------------------------- */
.fund__info-wrap {
    margin-top: 0;
    padding: 0 160px 0 0;
    position: relative;
}
.fund__info-wrap .section__inner {
    display: flex;
    align-items: center;
    background: #fff;
    padding: 1.875rem 7%;
    position: relative;
}
@media only screen and (max-width: 1280px){
    .fund__info-wrap .section__inner {
        padding-left: 89.6px;
    }
}
.fund__info-wrap .fund__info{
    width: calc(100% - 18.75rem);
}
.fund__info-wrap .fund__info ul{
    display: flex;
}
.fund__info-wrap .fund__info li{
    width: 20%;
    border-right: solid 1px #e5e5e5;
}
.fund__info-wrap .fund__info li:first-child{
    border-left: solid 1px #e5e5e5;
}
.fund__info-wrap .fund__info li a,
.others__list li a{
    display: block;
    text-align: center;
    padding: 0.9375rem 0.625rem;
    transition: color 0.2s ease;
}
@media only screen and (min-width: 1281px){
    .fund__info-wrap .fund__info li a:hover,
    .others__list li a:hover{
        color: #1bb8ce;
    }
}
.fund__info-wrap .fund__info li a .img,
.others__list li a .img{
    display: block;
    width: 3.75rem;
    height: 3.75rem;
    background: url(../img/ico_link_list.svg) no-repeat;
    background-size: calc(3.75rem * 22) 3.75rem;
    margin: 0 auto 0.9375rem;
    transition: background 0.2s ease;
}
@media only screen and (min-width: 1281px){
    .fund__info-wrap .fund__info li a:hover .img,
    .others__list li a:hover .img{
        background-image: url(../img/ico_link_list_hover.svg);
    }
}
.fund__info-wrap .fund__info li a .img.ico-1 {
    background-position: 0 0;
}
.fund__info-wrap .fund__info li a .img.ico-2 {
    background-position: calc(-3.75rem * 1) 0;
}
.fund__info-wrap .fund__info li a .img.ico-3 {
    background-position: calc(-3.75rem * 2) 0;
}
.fund__info-wrap .fund__info li a .img.ico-4 {
    background-position: calc(-3.75rem * 3) 0;
}
.fund__info-wrap .fund__info li a .img.ico-5 {
    background-position: calc(-3.75rem * 4) 0;
}
.fund__info-wrap .fund__info li a .img img{
    width: 100%;
}
.fund__info-wrap .fund__info li a .text{
    display: block;
    font-size: 0.875rem;
    font-weight: bold;
}
.fund__info-wrap .fund__search-wrap{
    padding-left: 2.5rem;
    width: 18.75rem;
}
.fund__info-wrap .fund__search-title{
    font-size: 0.875rem;
    font-weight: bold;
    margin-bottom: 0.625rem;
}
.fund__search.search__form {
    width: 100%;
}
.fund__search.search__form .search__form-input {
    font-size: 0.875rem;
    height: 3rem;
    border-radius: 1.5rem;
    padding: 0 3.5rem 0 1.25rem
}
.fund__search.search__form .search__form-submit {
    width: 3.5rem;
    height: 3rem;
}
.fund__search.search__form .search__form-submit::before {
    width: 1.25rem;
    height: 1.25rem;
}
@media only screen and (min-width: 1281px){
    .fund__search.search__form .search__form-submit:hover::before{
        background-image: url(../img/ico_search_hover.svg);
        opacity: 1;
    }
}
@media only screen and (max-width: 767px){
    .fund__info-wrap .section__inner {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
        padding-left: 5%;
        padding-right: 5%;
    }
    .fund__info-wrap .fund__search-wrap {
        padding-left: 0;
        width: 100%;
        display: flex;
        align-items: center;
    }
    .fund__info-wrap .fund__search-title {
        margin-bottom: 0;
        white-space: nowrap;
        padding-right: 0.9375rem;
    }
    .fund__search.search__form .search__form-input {
        font-size: 1.0625rem;
        line-height: 1.2;
        height: 3.25rem;
        border-radius: 3.25rem;
        padding: 0 3.75rem 0 1.25rem;
    }
    .fund__search.search__form .search__form-submit {
        width: 3.75rem;
        height: 3.25rem;
    }
    .fund__search.search__form .search__form-submit::before {
        width: 1.25rem;
        height: 1.25rem;
    }
    .fund__info-wrap .fund__info li a .img,
    .others__list li a .img{
        margin-bottom: 0.8125rem;
    }
}


/* -- list__table
-------------------------------------------------------------------------------- */
.list__table table,
.table-box table,
.article table{
    border-collapse: collapse;
    width: 100%;
}
.list__table table .list__table-hidden{
    display: none;
}
.list__table table th,
.list__table table td,
.table-box table th,
.table-box table td,
.article table th,
.article table td{
    border: solid 1px #e5e5e5;
    text-align: center;
}
.list__table table th,
.table-box table th,
.article th{
    font-size: 0.8125rem;
    font-weight: bold;
    color: #666;
    padding: 0.5rem 0.5rem;
    background: #f5f5f5;
    white-space: nowrap;
    transition: background 0.1s ease;
}
.list__table table th.active{
    background: #eee;
}
.list__table table td,
.table-box table td,
.article td{
    font-size: 0.916rem;
    padding: 0.7rem;
    background: #fff;
    transition: background 0.1s ease;
}
.base__data .list__table table td{
    font-size: 1.03rem;
}
table td.ta-l{
    text-align: left;
}
table td.ta-r{
    text-align: right;
}
.list__table table td.pd-00{
    padding-left: 0;
    padding-right: 0;
}
.list__table table .fund-name-area{
    width: 35%;
}
.list__table table .fund-name,
.list__table table .link{
    display: block;
    transition: color 0.1s ease;
}
@media only screen and (min-width: 1281px){
    .list__table table .fund-name:hover,
    .list__table table .link:hover{
        color: #1bb8ce;
    }
}
.list__table .list__table-rank span{
    display: block;
    width: 1.875rem;
    line-height: 1.875rem;
    color: #2e344f;
    border-radius: 50%;
    font-weight: bold;
    margin: 0 auto;
}
.list__table .list__table-rank.rank-1 span{
    background: #dfb80c;
    color: #FFF;
}
.list__table .list__table-rank.rank-2 span{
    background: #9aa0a6;
    color: #FFF;
}
.list__table .list__table-rank.rank-3 span{
    background: #ae7058;
    color: #FFF;
}
.up{
    color: #ed293e;
}
.down{
    color: #2660ad;
}
.list__table .icon,
.list__table__sp-card .icon{
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    margin: 0 auto;
    background: #f0f2f5;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    transition: background 0.2s ease;
}
@media only screen and (min-width: 1281px){
    .list__table .icon:hover{
        background: #e4e8ed;
    }
}
.list__table .icon span,
.list__table__sp-card .icon span{
    display: block;
    width: 1.25rem;
    height: 1.25rem;
}
.list__table .icon.graph span,
.list__table .icon.order span{
    position: relative;
    transition: opacity 0.2s ease;
}
.list__table .icon.graph span::before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/ico_graph_hover.svg) no-repeat center;
    background-size: cover;
    position: absolute;
    opacity: 0;
}
@media only screen and (min-width: 1281px){
    .list__table .icon.graph:hover span::before{
        opacity: 1;
    }
}
.list__table .icon img{
    width: 100%;
}
.list__table .favorite::before,
.list__table__sp-card .favorite::before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(237, 41, 62, 0);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(0);
    transition: background 0.3s ease, transform 0.3s ease;
}
.list__table .favorite::after,
.fund__detail-nav .favorite span::after,
.list__table__sp-card .favorite span::after{
    content: "";
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    background: url(../img/ico_favorite_active.svg);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(0);
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.list__table .favorite.active::before,
.list__table__sp-card .favorite.active::before{
    transform: translate(-50%,-50%) scale(1);
    background: rgba(237, 41, 62, 1);
    transition: background 0.45s ease, transform 0.3s ease;
}
.list__table .favorite.active::after,
.fund__detail-nav .favorite.active span::after,
.list__table__sp-card .favorite.active span::after{
    transform: translate(-50%,-50%) scale(1);
    transition-delay: 0.15s;
}
.list__table-more-btn{
    margin-top: 0.9375rem;
    display: flex;
    justify-content: center;
}
.list__table-more-btn a{
    display: block;
    font-size: 0.8125rem;
    font-weight: bold;
    color: #2e344f;
    transition: 0.1s ease;
}
@media only screen and (min-width: 1281px){
    .list__table-more-btn a:hover{
        color: #1bb8ce;
    }
}
.list__table-more-btn a .mark{
    content: "";
    display: inline-block;
    width: 0.625rem;
    height: 0.625rem;
    position: relative;
    margin-left: 0.625rem;
    transform: translateY(-1px);
}
.list__table-more-btn a.active .mark{
    transform: scale(1, -1);
}
.list__table-more-btn a .mark::after{
    content: "";
    display: block;
    width: 0.375rem;
    height: 0.375rem;
    border-right: solid 2px;
    border-bottom: solid 2px;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    left: 0;
}
.list__table-reference-date-wrap{
    margin-bottom: 0.9375rem;
}
.list__table-reference-date{
    font-size: 0.875rem;
    color: #666;
    text-align: right;
    margin-bottom: 0.9375rem;
}
.fund__number-wrap .list__table-reference-date{
    margin-bottom: 0;
}
.list__table .list__table-name-icon{
    display: flex;
    margin-bottom: 0.625rem;
}
.list__table .list__table-name-icon span{
    display: block;
    font-size: 0.6875rem;
    font-weight: bold;
    color: #2e344f;
    border: solid 1px;
    padding: 0 0.625rem;
    line-height: 1.5rem;
    border-radius: 1.5rem;
    margin-right: 0.4rem;
}
.list__table .sort__btn-wrap{
    position: relative;
    padding-bottom: calc(0.5rem + 1.5rem + 0.5rem);
    min-width: 3.4375rem;
}
.list__table .sort__btn{
    display: flex;
    justify-content: center;
    margin-top: 0.3125rem;
    position: absolute;
    bottom: 0.5rem;
    left: 50%;
    transform: translateX(-50%);
}
.list__table .sort__btn a{
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    border: solid 1px rgba(0,0,0,0.1);
    background: #fff;
    border-radius: 50%;
    position: relative;
    transition: border 0.1s ease, background 0.1s ease;
}
.list__table .sort__btn a + a{
    margin-left: 0.1875rem;
}
@media only screen and (min-width: 1281px){
    .list__table .sort__btn a:hover {
        background: #f0f0f0;
    }
}
.list__table .sort__btn a.active {
    background: #2e344f;
    border-color: #2e344f;
}
.list__table .sort__btn a::before{
    content: "";
    display: block;
    width: 0.625rem;
    height: 0.625rem;
    background: url(../img/ico_sort.svg) no-repeat center;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.list__table .sort__btn a.down::before{
    transform: translate(-50%, -50%) scale(1,-1);
}
.list__table .sort__btn a.active::before{
    background-image: url(../img/ico_sort_w.svg);
}
.list__table .list-table-th-sort th{
    padding: 0;
}
.list__table .list-table-th-sort th a{
    display: block;
    padding: 0.5rem 0.5rem;
    transition: background 0.1s ease, color 0.1s ease;
}
@media only screen and (min-width: 1281px){
    .list__table .list-table-th-sort th a:hover{
        background: #eee;
        color: #2660ad;
    }
}
.list__table .list-table-th-sort th a.active{
    background: #2660ad;
    color: #fff;
}
.list__table td.active{
    background: #fafbfd;
}
.list__table .list__table-message{
    display: block;
    font-size: 0.75rem;
    font-weight: normal;
    color: #2660ad;
    margin-top: 0.1875rem;
}
@media only screen and (max-width: 767px){
    .list__table.list__table-scroll{
        height: 250px;
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
        border-top: solid 1px #e5e5e5;
        border-bottom: solid 1px #e5e5e5;
    }
    .list__table.list__table-scroll tr:first-child th,
    .list__table.list__table-scroll tr:first-child td{
        border-top:none;
    }
    .list__table.list__table-scroll tr:last-child td{
        border-bottom:none;
    }
    .list__table table td, .table-box table td, .article td {
        font-size: 0.875rem;
        word-break: break-all;
    }
}


/* -- list__table__sp
-------------------------------------------------------------------------------- */
.fund__detail-head .fund__detail-fund-name .fund-category-wrap{
    display: flex;
    margin-bottom: 0.9375rem
}
.fund__detail-head .fund__detail-fund-name .fund-category{
    font-size: 0.75rem;
    font-weight: bold;
    padding: 0.5rem 0.75rem;
    border-radius: 2px;
    color: #fff;
    text-align: center;
    background: #2e344f;
    color: #fff;
}
@media only screen and (max-width: 767px){
    .list__table__sp-card-wrap{
        background: #eee;
        padding: 2.5rem 0;
    }
    .list__table__sp-card-wrap .list__table__sp-card-inner{
        padding: 0 5%;
    }
    .list__table__sp-slide-title-wrap{
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        padding: 0 5%;
    }
    .list__table__sp-card-block{
    }
    .list__table__sp-slide-title-wrap a{
        font-size: 1rem;
    }
    .list__table__sp-slide-title{
        font-size: 1.125rem;
        line-height: 1.4;
        margin-bottom: 0.8125rem
    }
    .list__table__sp-slide-block + .list__table__sp-slide-block{
        margin-top: 1.875rem;
    }
    .list__table__sp-slide-box{
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        margin-bottom: -16px;
        padding-bottom: 16px;
    }
    .list__table__sp-slide-box-inner{
        display: inline-flex;
        padding-right: 7vw;
    }
    .list__table__sp-slide-box .list__table__sp-card {
        padding-left: 5vw;
        margin-right: -2vw;
        scroll-snap-align: start;
    }
    .list__table__sp-card {
        position: relative;
    }
    .list__table__sp-slide-box .list__table__sp-card .list__table__sp-card-body {
        width: 88vw;
        box-shadow: 0 3px 6px rgb(0 0 0 / 10%);
    }
    .list__table__sp-card .favorite-btn,
    .list__table__sp-card .sort-btn{
        display: flex;
        align-items: center;
        position: absolute;
        top: 0;
        right: 0;
        padding: calc(1.25rem - 2px) 1.25rem calc(1.25rem - 2px) 0;
    }
    .list__table__sp-card .favorite-btn .favorite-btn-ttl,
    .list__table__sp-card .sort-btn .favorite-btn-ttl{
        font-size: 0.8125rem;
        margin-right: 0.625rem;
    }
    .list__table__sp-card .icon {
        width: 26px;
        height: 26px;
        margin-right: 0;
    }
    .list__table__sp-card .icon span,
    .list__table__sp-card .favorite span::after {
        width: 12px;
        height: 12px;
    }
    .list__table__sp-card .list__table__sp-card-body {
        background: #fff;
        border-radius: 3px;
        width: 100%;
        padding: 1.25rem 1.25rem;
        box-sizing: border-box;
        height: 100%;
    }
    .list__table__sp-card .list__table__sp-card-inner {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
        box-sizing: border-box;
        padding: 0;
    }
    .calendar .list__table__sp-card .list__table__sp-card-inner {
        height: auto;
    }
    .list__table__sp-card .sp__card-head{
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    .list__table__sp-card .fund-rank-num{
        font-size: 0.875rem;
        font-weight: bold;
        display: flex;
        align-items: baseline;
    }
    .list__table__sp-card .fund-rank-num span{
        font-size: 1.5rem;
        line-height: 1.5rem;
        margin-right: 2px;
    }
    .fund__detail-head .fund__detail-fund-name .fund-category-wrap{
        display: flex;
        margin-bottom: 0.9375rem
    }
    .list__table__sp-card .fund-category,
    .fund__detail-head .fund__detail-fund-name .fund-category{
        font-size: 0.75rem;
        font-weight: bold;
        padding: 0.3125rem 0.625rem;
        border-radius: 2px;
        color: #fff;
        text-align: center;
        background: #2e344f;
        color: #fff;
    }
    .list__table__sp-card .fund-name{
        font-size: 1.3125rem;
        line-height: 1.4;
        margin-top: 1.25rem;
    }
    .list__table__sp-card .fund-type{
        display: flex;
        justify-content: flex-start;
        margin-top: 1.25rem;
    }
    .list__table__sp-card .fund-type p{
        display: block;
        font-size: 0.75rem;
        font-weight: bold;
        color: #2e344f;
        border: solid 1px;
        padding: 0.1875rem 0.625rem;
        border-radius: 20px;
        white-space: nowrap;
    }
    .list__table__sp-card .fund-type p + p{
        margin-left: 0.3125rem;
    }
    .list__table__sp-card .fund-data-wrap{
        margin-top: 1.25rem;
    }
    .list__table__sp-card .fund-data{
        border-bottom: solid 1px #f0f0f0;
    }
    .list__table__sp-card .fund-data:first-child{
        border-top: solid 1px #f0f0f0;
    }
    .list__table__sp-card .sp-fund-data2 .fund-data:first-of-type {
        border-top: solid 1px #f0f0f0;
        margin-top: 10px;
    }
    .list__table__sp-card .fund-data dl{
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 3.4375rem;
    }
    .list__table__sp-card .fund-data dt{
        font-size: 0.875rem;
        line-height: 1.3;
        padding-right: 0.9375rem;
    }
    .list__table__sp-card .fund-data dd{
        font-size: 0.875rem;
        line-height: 1.2;
        font-weight: bold;
        text-align: right;
        white-space: nowrap;
    }
    .list__table__sp-card .fund-data dd .fs-L{
        font-size: 1.38rem;
        line-height: 1;
    }
    .list__table__sp-card .fund-data dd .fs-M{
        font-size: 1.13rem;
    }
    .list__table__sp-card .fund-data.flex{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .list__table__sp-card .fund-data.flex dl{
        width: calc(50% - 0.5rem);
    }
    .calendar .list__table__sp-card .fund-data.flex dl{
        width: auto;
    }
    .list__table__sp-card .pdf-list {
        margin-top: 1.25rem;
        padding-bottom: 0.3125rem;
    }
    .list__table__sp-card .pdf-list li {
        border-bottom: solid 1px #e5e5e5;
    }
    .list__table__sp-card .pdf-list li:first-child {
        border-top: solid 1px #e5e5e5;
    }
    .list__table__sp-card .pdf-list li a {
        display: block;
        font-size: 1rem;
        padding: 1.25rem 0 1.25rem calc(2rem + 1.25rem);
        position: relative;
    }
    .list__table__sp-card .pdf-list li a::before {
        content: "";
        display: block;
        width: 2rem;
        height: 2rem;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-size: cover;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }
    .section__page-body.list__table__sp-card-pricelist {
        padding-bottom: 0;
        margin-top: 2.5rem;
    }
    .section__page-body.list__table__sp-card-pricelist .section__inner {
        padding: 0;
    }
    .section__page-body.list__table__sp-card-pricelist .select__pulldown {
        border-bottom: none;
        padding: 1.5625rem 5%;
    }
    .list__table__sp-card-pricelist .select__pulldown dl + dl {
        margin-top: 0.625rem;
    }
    .list__table__sp-card-pricelist .select__pulldown dt{
        font-size: 0.875rem;
        line-height: 1.4;
        width: 5em;
    }
    .list__table__sp-card-pricelist .list__table__sp-card + .list__table__sp-card {
        margin-top: 1.25rem;
    }
    .fund_ranking .list__table__sp-card .sp__card-head {
        padding-right: 83px;
    }
    .fund_ranking .list__table__sp-card .fund-rank-num {
        border-right: solid 1px #e5e5e5;
        padding-right: 1.25rem;
        margin-right: 1.25rem;
    }
    .list__table__sp-card .fund-rank-num {
        position: relative;
    }
    .list__table__sp-card .fund-rank-num.first::before,
    .list__table__sp-card .fund-rank-num.second::before,
    .list__table__sp-card .fund-rank-num.third::before {
        content: "";
        display: block;
        width: 8px;
        height: 8px;
        border-radius: 10px;
        background: #dfb80c;
        position: absolute;
        top: 5px;
        left: -14px;
    }
    .list__table__sp-card .fund-rank-num.second::before{
        background: #9aa0a6;
    }
    .list__table__sp-card .fund-rank-num.third::before{
        background: #ae7058;
    }
}
@media only screen and (max-width: 374px){
    .list__table__sp-card .fund-data.flex dt {
        font-size: 0.75rem;
    }
}


/* -- fund__ranking-wrap
-------------------------------------------------------------------------------- */
.fund__ranking-wrap {
    margin-top: calc(5rem - 1.875rem);
}
.important__list-wrap + .fund__ranking-wrap{
    margin-top: 5rem;
    border-top: none;
}
@media only screen and (max-width: 767px){
    .fund__ranking-wrap {
        margin-top: calc(3.75rem - 1.875rem);
    }

    .important__list-wrap + .fund__ranking-wrap {
        margin-top: 2.5rem;
    }
}


/* -- update__list
-------------------------------------------------------------------------------- */
.update__list-wrap.flex{
    display: flex;
    margin-top: 5rem;
    padding-top: 0;
}
.update__list-wrap .update__list-info{
    width: 85%;
    max-width: 62.5rem;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 5rem;
}
.update__list-wrap.flex .update__list-info{
    width: 70%;
    max-width: none;
    padding-right: 5rem;
    box-sizing: border-box;
}
.update__list-wrap.flex .update__list-movie{
    width: 30%;
    padding: 3.75rem 3.75rem;
    box-sizing: border-box;
    background: #f5f5f5;
}
.update__list ul{
    margin-top: -1.25rem;
}
.update__list li{
    border-bottom: solid 1px rgba(0,0,0,0.1);
}
.update__list a{
    display: flex;
    align-items: center;
    padding: 0.5rem 0 0.3rem;
    position: relative;
}
.important__list-wrap .update__list a{
    display: flex;
    align-items: center;
    padding: 0.7rem 0;
    position: relative;
}
.update__list .text-only a{
    display: inline;
}
.update__list div.pdf-html{
    display: flex;
    align-items: center;
    padding: 0.5rem 0 0.3rem;
    position: relative;
}
.update__list .text-only{
    display: flex;
    align-items: center;
    padding: 0.5rem 0 0.3rem;
    position: relative;
}
.update__list .update__list-date{
    width: 6.25rem;
    font-size: 1.05rem;
    text-align: center;
    color: #2e344f;
}
.update__list .update__list-date span{
    display: block;
    font-size: 1.75rem;
    line-height: 1.1;
    letter-spacing: 0.5px;
    margin-top: 0;
}
.update__list .update__list-title{
    width: calc(100% - 6.25rem);
    box-sizing: border-box;
    padding-left: 2.5rem;
    padding-right: 3.75rem;
    transition: color 0.1s ease;
}
.update__list .text-only .update__list-title {
    padding-right: 0;
}
.update__list .text-only.link .update__list-title {
    padding-right: 3.75rem;
}
.update__list .update__list-html,
.update__list .update__list-pdf{
    display: block;
    float: left;
}
.update__list .update__list-pdf{
    padding-left: 1rem;
}
@media only screen and (min-width: 1281px){
    .update__list a:hover .update__list-title{
        color: #1bb8ce;
    }
    .update__list .text-only a:hover,
    .update__list .pdf-html a:hover{
        color: #1bb8ce;
    }
}
.update__list .update__list-title .category{
    display: flex;
    font-weight: bold;
    /* margin-bottom: 0.8125rem; */
    margin-bottom: 0.3rem;
}
.update__list .update__list-title .category span,
.list__report-item li a.new::after{
    display: block;
    font-size: 0.6875rem;
    padding: 0.25rem 0.625rem;
    box-sizing: border-box;
    background: #f0f2f5;
    color: #2e344f;
    border-radius: 2px;
}
.update__list .update__list-title .category span + span{
    margin-left: 0.3125rem;
}
.update__list .update__list-title .category span.new,
.list__report-item li a.new::after{
    background: #ed293e;
    color: #fff;
}
.update__list a::before,
.company__list li a p::before,
.update__list .text-only.link::before{
    content: "";
    display: block;
    width: 1rem;
    height: 1rem;
    background: url(../img/ico_arrow.svg) no-repeat center;
    background-size: cover;
    position: absolute;
    top: 50%;
    right: calc(0.9375rem + 0.4375rem);
    transform: translateY(-50%);
    transition: background 0.1s ease;
}
.update__list div.text-only a::before,
.update__list div.pdf-html a::before {
    display: none;
}
_::-webkit-full-page-media, _:future, :root .update__list a::before,
_::-webkit-full-page-media, _:future, :root .company__list li a p::before {
    transition: none;
}
.update__list a.pdf::before{
    width: 1.875rem;
    height: 1.875rem;
    background-image: url(../img/ico_pdf.svg);
    right: 0.9375rem;
}
@media only screen and (min-width: 1281px){
    .update__list a:hover::before,
    .company__list li a:hover p::before{
        background-image: url(../img/ico_arrow_hover.svg);
    }
    .update__list a.pdf:hover::before{
        background-image: url(../img/ico_pdf_hover.svg);
    }
}
.update__list-movie .section__title{
    font-size: 1.25rem;
    margin-bottom: 1.25rem;
}
.update__list-movie .movie__list li + li{
    margin-top: 2.5rem;
}
.movie__list a{
    display: block;
    transition: color 0.1s ease;
}
@media only screen and (min-width: 1281px){
    .movie__list a:hover{
        color: #1bb8ce;
    }
}
.movie__list .movie__img{
    position: relative;
    overflow: hidden;
    border-radius: 3px;
    background: #fff;
}
.movie__list a.new{
    position: relative;
}
.movie__list a.new::before{
    content: "NEW";
    display: block;
    font-size: 0.75rem;
    font-weight: bold;
    background: #ed293e;
    padding: 0.3125rem 0.75rem;
    box-sizing: border-box;
    border-radius: 0 3px 0 3px;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}
.movie__list .movie__img::before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.movie__list .movie__img::after{
    content: "";
    display: block;
    width: 3.75rem;
    height: 3.75rem;
    background: url(../img/ico_movie.svg) no-repeat center;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.movie__list .movie__img img{
    width: 100%;
    transition: transform 0.5s ease, opacity 0.3s ease;
}
@media only screen and (min-width: 1281px){
    .movie__list a:hover .movie__img img{
        transform: scale(1.08);
        opacity: 0.7;
    }
}
.movie__list .movie__title{
    font-size: 1rem;
    margin-top: 1.25rem;
}
.movie__list .movie__date{
    display: flex;
    font-size: 0.875rem;
    line-height: 1.2;
    color: #666;
    margin-top: 0.625rem;
}
.movie__list .movie__date p + p{
    border-left: solid 1px rgba(0,0,0,0.15);
    margin-left: 0.625rem;
    padding-left: 0.625rem;
}
@media only screen and (max-width: 767px){
    .update__list-wrap.flex{
        display: block;
        margin-top: 2.5rem;
    }
    .update__list-wrap.flex .update__list-info {
        width: 100%;
        padding-right: 5%;
        padding-bottom: 2.5rem;
    }
    .update__list-wrap.flex .update__list-movie {
        width: 100%;
        padding: 2.5rem 5%;
    }
    .update__list-movie .section__title {
        font-size: 1.5rem;
        margin-bottom: 1.25rem;
    }
    .section__title + .update__list {
        margin-top: 1.875rem;
    }
    .update__list .update__list-title {
        font-size: 1.0625rem;
        width: calc(100% - 4.375rem);
        padding-left: 1.25rem;
        padding-right: calc(20px + 0.9375rem);
    }
    .update__list .text-only .update__list-title {
        padding-right: 0;
    }
    .update__list .update__list-title .category span,
    .list__report-item li a.new::after{
        font-size: 0.75rem;
    }
    .update__list .update__list-date {
        width: 4.375rem;
        font-size: 1.0rem;
    }
    .update__list .update__list-date span {
        font-size: 1.375rem;
        letter-spacing: 0.3px;
        margin-top: 0;
        line-height: 1.0;
    }
    .update__list a.pdf::before {
        width: 20px;
        height: 20px;
        background-image: url(../img/ico_pdf_min.svg);
        right: 0;
    }
    .update__list a::before,
    .company__list li a p::before {
        right: 4px;
    }
    .movie__list .movie__title {
        font-size: 1.0625rem;
        margin-top: 1rem;
    }
    .update__list-movie .movie__list li + li{
        margin-top: 1.875rem;
    }
}

/* -- important__list-wrap
-------------------------------------------------------------------------------- */
.important__list-wrap{
    padding-top: 5rem;
    margin-top: 0;
    background: #f5f5f5;
}
.important__list-wrap .update__list{
    padding: 3.125rem 3.125rem 1.875rem 3.125rem;
    background: #fff;
}
.important__list-wrap .section__title{
    font-size: 1.5rem;
}
.important__list-wrap .update__list .update__list-title{
    padding-left: 0;
}
.important__list-wrap .update__list li{
    border-top: solid 1px rgba(0,0,0,0.1);
    border-bottom: none;
}
.important__list-wrap .update__list li a,
.important__list-wrap .update__list li .text-only{
    margin: 10px 0;
}
.important__list-wrap .update__list li .text-only .update__list-title {
    width: 100%;
}
.important__list-wrap .update__list li:first-child{
    border-top: none;
}
@media only screen and (max-width: 767px){
    .important__list-wrap {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
    .important__list-wrap .update__list {
        padding: 1.875rem 1.5625rem 0.625rem 1.5625rem;
        margin-top: 0;
    }
    .important__list-wrap .update__list .text-only .update__list-title {
        width: 100%;
    }
}


/* -- others__list
-------------------------------------------------------------------------------- */
.others__list-wrap{
    margin-top: 0;
    padding: 3.75rem 0;
    background: #eee;
}
.others__list ul{
    display: flex;
    flex-wrap: wrap;
    margin-top: -1.25rem;
}
.others__list li{
    width: 25%;
    border-right: solid 1px rgba(0,0,0,0.1);
    box-sizing: border-box;
    margin-top: 1.25rem;
}
.others__list li:first-child,
.others__list li:nth-child(5) {
    border-left: solid 1px rgba(0,0,0,0.1);
}
.others__list li a .img.ico-6 {
    background-position: calc(-3.75rem * 5) 0;
}
.others__list li a .img.ico-7 {
    background-position: calc(-3.75rem * 6) 0;
}
.others__list li a .img.ico-8 {
    background-position: calc(-3.75rem * 7) 0;
}
.others__list li a .img.ico-9 {
    background-position: calc(-3.75rem * 8) 0;
}
.others__list li a .img.ico-10 {
    background-position: calc(-3.75rem * 9) 0;
}
.others__list li a .img.ico-11 {
    background-position: calc(-3.75rem * 10) 0;
}
.others__list li a .img.ico-12 {
    background-position: calc(-3.75rem * 11) 0;
}
.others__list li a .img.ico-13 {
    background-position: calc(-3.75rem * 12) 0;
}
.others__list li a .img.ico-14 {
    background-position: calc(-3.75rem * 20) 0;
}
.others__list li a .img.ico-15 {
    background-position: calc(-3.75rem * 21) 0;
}
.others__list li a .text{
    display: block;
    font-size: 0.9375rem;
    font-weight: bold;
    line-height: 1.4;
}
@media only screen and (max-width: 767px){
    .others__list-wrap {
        padding: 2.5rem 0;
    }
    .others__list-wrap .section__inner{
        padding-left: 0;
        padding-right: 0;
    }
    .others__list ul{
        margin-top: -0.9375rem;
    }
    .others__list li {
        width: 50%;
        border-right: none;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        margin-top: 0.9375rem;
    }
    .others__list li:first-child,
    .others__list li:nth-child(5) {
        border-left: none;
    }
    .others__list li:nth-child(even) {
        border-left: solid 1px rgba(0,0,0,0.1);
    }
    .others__list li a {
        padding: 0.625rem 0;
    }
    .others__list li a .text{
        font-size: 1rem;
    }
}


/* -- market__info__link
-------------------------------------------------------------------------------- */
.market__info {
    padding: 0 0 3.75rem;
    background: #eee;
    margin: 0;
}
.market__info__link {
    display: block;
    width: 30rem;
    border-radius: 3px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    background: #fff;
}
.market__info__link .market__info__link-inner{
    padding: 1.875rem 2rem 2rem;
    color: #2e344f;
    position: relative;
    z-index: 1;
}
.market__info__link .market__info__link-title{
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 1px;
    transition: color 0.1s ease;
}
.market__info__link p{
    font-size: 0.8125rem;
    margin-top: 0.3125rem;
    transition: color 0.1s ease;
}
.market__info__link p{
    font-size: 0.8125rem;
    margin-top: 0.3125rem;
    transition: color 0.1s ease;
}
.market__info__link.fund__risk__cost p{
    padding-right: 2.4rem;
}




@media only screen and (min-width: 1281px){
    .market__info__link:hover .market__info__link-title,
    .market__info__link:hover p{
        color: #1bb8ce;
    }
}
.market__info__link .market__info__link-inner::after{
    content: "";
    display: inline-block;
    position: absolute;
    width: 1rem;
    height: 1rem;
    top: 50%;
    right: 2rem;
    background: url(../img/ico_ex_link.svg) no-repeat center;
    background-size: cover;
    transform: translateY(-50%);
    margin-left: 0;
    margin-right: 0;
    transition: background 0.1s ease;
}
.market__info__link .market__info__link-inner.pdf-link::after{
    width: 1.25rem;
    height: 1.25rem;
    background-image: url(../img/ico_pdf.svg);
}
.market__info__link.box-link {
    width: 25rem;
    background: #f0f2f5;
    margin-top: 3.75rem;
}
.market__info__link.box-link.fund__risk__cost {
    width: 45rem;
}
.market__info__link.box-link .market__info__link-inner{
    padding: 1.875rem 2rem 2rem;
}
.market__info__link.box-link .market__info__link-title {
    font-size: 1rem;
}
@media only screen and (min-width: 1281px){
    .market__info__link:hover .market__info__link-inner::after{
        background-image: url(../img/ico_ex_link_hover.svg);
    }
    .market__info__link:hover .market__info__link-inner.pdf-link::after{
        background-image: url(../img/ico_pdf_hover.svg);
    }
}
@media only screen and (max-width: 767px){
    .market__info {
        padding: 0 0 2.5rem;
    }
    .market__info__link,
    .market__info__link.box-link{
        width: 100%;
    }
    .market__info__link.box-link.fund__risk__cost {
        width: 100%;
    }
    .market__info__link .market__info__link-inner::after{
        width: 12px;
        height: 12px;
    }
    .market__info__link .market__info__link-inner.pdf-link::after{
        width: 16px;
        height: 16px;
    }
    .market__info__link.box-link {
        margin-top: 2.5rem;
    }
}


/* -- banner__list
-------------------------------------------------------------------------------- */
.banner__list-wrap{
    margin-top: 0;
    background: #2e344f;
    position: relative;
}
.banner__list{
    margin: 0 -0.3125rem;
}
.swiper-banner-container {
    max-width: 100%;
    padding: 0 0.325rem;
    overflow: hidden;
}
.swiper-banner-container-no-slide {
    max-width: 100%;
    padding: 0 0.325rem;
    overflow: hidden;
}
.banner__list ul{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding: 2.5rem 0;
}
.banner__list li{
    width: 25%;
    box-sizing: border-box;
}
.banner__list li a{
    display: block;
    overflow: hidden;
    border-radius: 2px;
    background: #fff;
    box-shadow: 0 6px 12px rgb(0,0,0,0.2);
}
.banner__list li img{
    width: 100%;
    transition: opacity 0.2s ease;
}
@media only screen and (min-width: 1281px){
    .banner__list li a:hover img{
        opacity: 0.7;
    }
}
.banner__list .banner__slider-btn {
    width: 3.75rem;
    height: 3.75rem;
    background: #2e344f;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: background 0.2s ease;
}
@media only screen and (min-width: 1281px){
    .banner__list .banner__slider-btn:hover {
        background: #1f2436;
    }
}
.banner__list .banner__slider-btn::before {
    content: "";
    width: 1rem;
    height: 1rem;
    background: url(../img/ico_arrow_w.svg) no-repeat center;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.banner__list .banner__slider-btn.prev {
    left: calc(3.5% - 1.875rem);
}
.banner__list .banner__slider-btn.prev::before {
    transform: translate(-50%,-50%) scale(-1, 1);
}
.banner__list .banner__slider-btn.next {
    right: calc(3.5% - 1.875rem);
}
@media only screen and (max-width: 767px){
    .banner__list-wrap .section__inner{
       padding: 0; 
    }
    .banner__list ul{
        padding: 1.875rem 0;
    }
    .banner__list .banner__slider-btn{
        display: none;
    }
    .banner__list .banner__slider-btn {
        background: transparent;
    }
}
.banner-footer-no-slide li {
    margin-right: 30px;
}

/* -- fund__detail-head
-------------------------------------------------------------------------------- */
.fund__detail-head{
    margin-top: 0;
}
.fund__detail-head .section__inner{
    padding-top: 2.5rem;
}
.fund__detail-head-inner{
    background: #eee;
    padding: 0 5%;
    position: relative;
}
.fund__detail-fund-name-wrap{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3.75rem 0 5.75rem;
    box-sizing: border-box;
    position: relative;
}
.fund__detail-fund-name-wrap p{
    font-size: 0.875rem;
}
.fund__detail-fund-name-wrap .fund__detail-fund-name-inner{
    width: calc(100% - 13.75rem - 3.75rem);
}
.fund__detail-fund-name{
    font-size: 1.75rem;
    line-height: 1.4;
}
.fund__detail-fund-nickname{
    display: block;
    font-size: 0.8em;
    margin-top: 0.3125em;
}
.fund__detail-fund-img{
    width: 13.75rem;
    overflow: hidden;
    border-radius: 1.375rem;
    position: relative;
    box-shadow: 0 8px 16px rgba(0,0,0,0.2);
}
.fund__detail-fund-img img{
    width: 100%;
}
.fund__detail-fund-text{
    margin-top: 1.25rem;
}
.fund__detail-fund-icon {
    display: flex;
    margin-top: 1.25rem;
}
.fund__detail-fund-icon li {
    font-size: 0.75rem;
    font-weight: bold;
    padding: 0 0.9375rem;
    line-height: 1.875rem;
    border-radius: 1.875rem;
    border: solid 1px #2e344f;
    color: #2e344f;
}
.fund__detail-fund-icon li + li {
    margin-left: 0.3125rem;
}
.fund__detail-fund-data .fund__detail-fund-data-inner{
    display: flex;
    width: 100%;
}
.fund__detail-fund-data dl{
    width: 25%;
    display: flex;
    flex-direction: column;
    padding: 0.9375rem;
    box-sizing: border-box;
    border-right: solid 1px rgba(0,0,0,0.1);
    text-align: center;
}
.fund__detail-fund-data dl:first-child{
    border-left: solid 1px rgba(0,0,0,0.1);
}
.fund__detail-fund-data dt{
    font-size: 0.875rem;
    font-weight: bold;
}
.fund__detail-fund-data dd{
    font-size: 0.875rem;
    height: calc(100% - 1.375rem);
    display: flex;
    justify-content: center;
    align-items: center;
}
.fund__detail-fund-data .data-price{
    font-weight: bold;
    color: #2e344f;
}
.fund__detail-fund-data .data-text{
}
.fund__detail-fund-data .data-price span{
    font-size: 1.5rem;
    letter-spacing: 1px;
}
.fund__detail-fund-data .data-date{
    color: #2e344f;
}
.fund__detail-nav {
    display: flex;
    position: absolute;
    bottom: 0;
    right: 7%;
    width: calc(88% - 13.75rem - 3.75rem);
}
.fund__detail-nav a {
    display: block;
    font-weight: bold;
    background: #fff;
    color: #1a1a1a;
    padding: 1.375rem 1.5625rem 1.25rem;
    border-radius: 3px 3px 0 0;
    display: flex;
    align-items: center;
    transition: background 0.1s ease, color 0.1s ease;
}
.fund__detail-nav a.lp-banner {
    background: none;
    padding-left: 0;
}
.fund__detail-nav a:nth-child(2) {
    margin-top: 2.25rem;
    margin-left: auto;
}
.fund__detail-nav a:nth-child(3) {
    margin-top: 2.25rem;
}
@media only screen and (min-width: 1281px){
    .fund__detail-nav a:hover {
        color: #1bb8ce;
    }
}
.fund__detail-nav a + a {
    margin-left: 0.375rem;
}
.fund__detail-nav a span {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.9375rem;
    position: relative;
}
.fund__detail-nav .favorite span::after{
    background-image: url(../img/ico_favorite_col.svg);
}
.fund__detail-nav .favorite.active span::after{
    transition-delay: 0s;
}
.fund__detail-nav a p {
    font-size: 0.875rem;
}
.fund__detail-nav a span img {
    width: 100%;
}
.fund__detail-nav .ex-link::after {
    margin-right: 0;
}
@media only screen and (min-width: 1281px){
    .fund__detail-nav a:hover p.ex-link::after{
        background-image: url(../img/ico_ex_link_col.svg);
    }
}
.fund__detail-fund-document {
    margin-top: 0.9375rem;
}
.fund__detail-fund-document ul{
    display: flex;
}
.fund__detail-fund-document li{
    flex: 1;
    text-align: center;
    font-size: 0.875rem;
    border-right: solid 1px #e5e5e5;
    padding: 0.9375rem 0;
}
.fund__detail-fund-document li:first-child{
    border-left: solid 1px #e5e5e5;
}
.fund__detail-fund-document li a{
    display: block;
    color: #2e344f;
    position: relative;
    transition: color 0.1s ease;
}
.fund__detail-fund-document li a::before{
    content: "";
    display: block;
    width: 1.375rem;
    height: 1.375rem;
    background: url(../img/ico_pdf_min.svg) no-repeat center;
    background-size: cover;
    position: absolute;
    bottom: 0;
    right: 1rem;
    transition: background 0.1s ease;
}
_::-webkit-full-page-media, _:future, :root .fund__detail-fund-document li a::before {
    transition: none;
}
@media only screen and (min-width: 1281px){
    .fund__detail-fund-document li a:hover,
    .fund__detail-fund-document li a:hover .document-data{
        color: #1bb8ce;
    }
    .fund__detail-fund-document li a:hover::before{
        background-image: url(../img/ico_pdf_min_hover.svg);
    }
}
.fund__detail-fund-document .document-title{
    font-weight: bold;
    margin-bottom: 0.625rem;
}
.fund__detail-fund-document .document-data{
    line-height: 1.4;
    transition: color 0.1s ease;
}
.fund__detail-fund-data-date{
    margin-top: 0.9375rem;
    text-align: right;
}
.fund__detail-fund-data-date .date{
    font-size: 0.875rem;
    color: #666;
}
.fund__detail-fund-foot{
    margin-top: 0.9375rem;
}
.fund__detail-fund-document-other{
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
}
.fund__detail-fund-document-other a{
    display: block;
    font-size: 0.875rem;
    color: #2e344f;
    transition: color 0.1s ease;
}
.fund__detail-fund-document-other a + a{
    margin-left: 1.5625rem;
}
.fund__detail-fund-document-other .pdf-icon::after {
    margin-right: 0;
}
@media only screen and (min-width: 1281px){
    .fund__detail-fund-document-other a:hover{
        color: #1bb8ce;
    }
}
.fund__detail-head .section__inner-block{
    margin-top: 0.9375rem;
}
.fund__detail-head .update__list{
    border: solid 4px #f0f0f0;
    padding: 2.5rem 2.5rem 1.25rem 2.5rem;
}
.fund__detail-head .update__list li{
    border-bottom: none;
    border-top: solid 1px rgba(0,0,0,0.1);
}
.fund__detail-head .update__list li:first-child{
    border-top: none;
}
.fund__detail-head-nav{
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #2e344f;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem 7%;
    box-sizing: border-box;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-100%);
    transition: top 0.2s ease, transform 0.3s ease;
}
.fund__detail-head-nav.show{
    opacity: 1;
    visibility: visible;
}
.fund__detail-head-nav.active{
    transform: translateY(0);
}
.fund__detail-head-nav .fund__detail-fund-img{
    width: 3rem;
    border-radius: 0.3rem;
}
.fund__detail-head-nav .fund__detail-fund-name-inner{
    padding-left: 1.25rem;
    box-sizing: border-box;
}
.fund__detail-head-nav .fund__detail-fund-name{
    font-size: 1rem;
}
.fund__detail-head-nav .fund__detail-fund-nickname{
    font-size: 0.75rem;
}
@media only screen and (max-width: 767px){
    .fund__detail-head-nav{
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .fund__detail-head-nav .fund__detail-fund-img{
        width: 3rem;
        border-radius: 3px;
    }
    .fund__detail-head-nav .fund__detail-fund-name-inner{
        width: calc(100% - 3rem);
    }
    .fund__detail-head-nav .fund__detail-fund-name {
        font-size: 1rem;
    }
    .fund__detail-head-nav .fund__detail-fund-nickname {
        font-size: 0.8em;
    }
    .fund__detail-fund-name-wrap {
        display: block;
        padding-top: 2.5rem;
        padding-bottom: 0;
        align-items: flex-start;
    }
    .fund__detail-fund-name-wrap .fund__detail-fund-name-inner {
        width: 100%;
    }
    .fund__detail-fund-name-wrap p{
        font-size: 1rem;
    }
    .fund__detail-head .fund__detail-fund-img {
        width: 6.75rem;
        border-radius: 9px;
        box-shadow: 0 4px 8px rgb(0 0 0 / 20%);
        position: absolute;
        top: 2.5rem;
        right: 0;
    }
    .fund__detail-head .fund__detail-fund-name {
        font-size: 1.5rem;
        padding-right: calc(6.75rem + 1.25rem);
    }
    .fund__detail-head .fund__detail-fund-nickname {
        font-size: 0.8em;
    }
    .fund__detail-fund-icon li {
        display: block;
        padding: 0.1875rem 0.625rem;
        border-radius: 20px;
        line-height: 1.6;
        white-space: nowrap;
    }
    .fund__detail-nav {
        position: static;
        margin-top: 2.5rem;
        justify-content: center;
        margin-left: -5vw;
        margin-right: -5vw;
        padding: 0 5vw;
        background: #fff;
        border-bottom: solid 1px rgba(0,0,0,0.07);
        flex-wrap: wrap;
        width: auto;
    }
    .fund__detail-nav a.lp-banner {
        width: 100%;
        justify-content: center;
        padding-bottom: 0;
    }
    .fund__detail-nav a.lp-banner img {
        width: 140px;
    }
    .fund__detail-nav a {
        padding: 1.5625rem 0;
        white-space: nowrap;
    }
    .fund__detail-nav a:nth-child(2) {
        margin-top: 0;
        margin-left: 0;
    }
    .fund__detail-nav a:nth-child(3) {
        margin-top: 0;
        margin-left: 2.5rem;
    }
    .fund__detail-nav a p {
    }
    .fund__detail-nav a span {
        margin-right: 0.625rem;
    }
    .fund__detail-head .section__inner {
        padding-top: 1.875rem;
    }
    .fund__detail-fund-data .fund__detail-fund-data-inner {
        flex-wrap: wrap;
        margin-top: -0.625rem;
    }
    .fund__detail-fund-data dl {
        width: 50%;
        margin-top: 0.625rem;
        padding-top: 0.625rem;
        padding-bottom: 0.625rem
    }
    .fund__detail-fund-data dl:nth-child(odd) {
        border-left: solid 1px rgba(0,0,0,0.1);
    }
    .fund__detail-fund-document ul {
        flex-wrap: wrap;
        margin-top: -0.625rem;
    }
    .fund__detail-fund-document li {
        width: 50%;
        box-sizing: border-box;
        flex: none;
        margin-top: 0.625rem;
        padding-top: 0.625rem;
        padding-bottom: 0.625rem
    }
    .fund__detail-fund-document li:nth-child(odd) {
        border-left: solid 1px #e5e5e5;
    }
    .fund__detail-fund-document .document-data {
        font-size: 0.875rem;
        padding: 0 0.9375rem;
    }
    .fund__detail-fund-document li a::before {
        width: 18px;
        height: 18px;
        right: 0.625rem;
    }
    .fund__detail-fund-document .document-title{
        font-weight: bold;
        margin-bottom: 0.3125rem;
    }
    .fund__detail-head .update__list {
        border: solid 3px #f0f0f0;
        padding: 1.25rem 1.25rem 0 1.25rem;
    }
}


/* -- fund__detail-body
-------------------------------------------------------------------------------- */
.fund__detail-body .movie__list ul,
.index_page .movie__list ul,
.content_page .movie__list ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: -2.5rem -1.25rem 0;
}
.fund__detail-body .movie__list li,
.index_page .movie__list li,
.content_page .movie__list li{
    width: 33.333333%;
    box-sizing: border-box;
    padding: 0 1.25rem;
    margin-top: 2.5rem;
}
.fund__detail-body .section__inner-block .section__title{
    font-size: 1.25rem;
}
@media only screen and (max-width: 767px){
    .main__section .section__inner-block + .section__inner-block {
        margin-top: 2.5rem;
    }
    .fund__detail-body .section__inner-block .section__title {
        font-size: 1.25rem;
        margin-bottom: 0.9375rem;
    }
    .fund__detail-body .movie__list ul,
    .index_page .movie__list ul,
    .content_page .movie__list ul {
        display: block;
        margin: 0;
    }
    .fund__detail-body .movie__list li,
    .index_page .movie__list li,
    .content_page .movie__list li {
        width: 100%;
        padding: 0;
        margin-top: 0;
    }
    .fund__detail-body .movie__list li + li,
    .index_page .movie__list li + li,
    .content_page .movie__list li + li {
        margin-top: 1.875rem;
    }
    .fund__detail-body .select__pulldown,
    .section__page-body .select__pulldown{
        padding: 1.25rem 0;
        border-top: solid 1px rgba(0,0,0,0.07);
        border-bottom: solid 1px rgba(0,0,0,0.07);
    }
    .fund__detail-body .select__pulldown{
        margin-bottom: 1.25rem;
    }
    .fund__detail-body .select__pulldown dl,
    .section__page-body .select__pulldown dl {
        width: 100%;
    }
    .fund__detail-body .select__pulldown dt,
    .section__page-body .select__pulldown dt {
        white-space: nowrap;
        padding-right: 1em;
        box-sizing: border-box;
    }
    .fund__detail-body .select__pulldown dd,
    .section__page-body .select__pulldown dd {
        width: 100%;
        flex: 1;
    }
}


/* -- fund__detail-foot
-------------------------------------------------------------------------------- */
.fund__detail-foot .fund__detail-recommend{
    border-top: solid 1px rgba(0,0,0,0.07);
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
}
.fund__detail-recommend .section__title{
}
.fund__detail-recommend .section__title > span{
    position: relative;
    padding-left: 6.25rem;
}
.fund__detail-recommend .section__title .check{
    font-size: 0.9375rem;
    background: #f0f0f0;
    color: #2660ad;
    line-height: 2.5rem;
    border-radius: 1.25rem;
    padding: 0 1.25rem;
    margin-right: 0.9375rem;
    letter-spacing: 0;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-0.3125rem);
}
.recommend__list{
    margin-top: 1.875rem;
}
.recommend__list ul{
    display: flex;
    flex-wrap: nowrap;
    margin: 0 -1.25rem;
}
.recommend__list.sp-hide ul{
    justify-content: center;
}
.recommend__list li{
    width: 25%;
    padding: 0 1.25rem;
    box-sizing: border-box;
}
.recommend__list li a{
    display: block;
    transition: color 0.1s ease;
}
@media only screen and (min-width: 1281px){
    .recommend__list li a:hover{
        color: #1bb8ce;
    }
}
.recommend__list .recommend__list-img{
    width: 100%;
    overflow: hidden;
    border-radius: 1.25rem;
    position: relative;
}
.recommend__list .recommend__list-img img{
    width: 100%;
    transition: transform 0.5s ease, opacity 0.3s ease;
}
@media only screen and (min-width: 1281px){
    .recommend__list li a:hover .recommend__list-img img{
        transform: scale(1.08);
        opacity: 0.7;
    }
}
.recommend__list .recommend__list-title{
    margin-top: 1.25rem;
    font-size: 0.9375rem;
    font-weight: bold;
}
.recommend__list .recommend__list-nickname{
    display: block;
    font-size: 0.75rem;
    margin-top: 0.1875rem;
}
@media only screen and (max-width: 767px){
    .fund__detail-foot .fund__detail-recommend {
        padding-left: 0;
        padding-right: 0;
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
    .fund__detail-recommend .section__title {
        padding-left: 7%;
        padding-right: 7%;
    }
    .fund__detail-recommend .section__title > span {
        font-size: 1.25rem;
        padding-left: calc(46px + 0.625rem);
        letter-spacing: 0;
        white-space: nowrap;
    }
    .fund__detail-recommend .section__title .check {
        width: 46px;
        font-size: 0.75rem;
        line-height: 22px;
        padding: 0;
        text-align: center;
        margin-right: 0.625rem;
        transform: translateY(-1px);
    }
    .recommend__list {
        width: 100%;
        margin-top: 1.25rem;
        overflow: hidden;
    }
    .recommend__list ul {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        margin: 0;
    }
    .recommend__list li {
        width: 100%;
        padding: 0;
    }
    .recommend__list .recommend__list-title{
        font-size: 1rem;
        margin-top: 0.9375rem;
    }
    .recommend__list .recommend__list-nickname{
        font-size: 0.8em;
    }
}


/* -- list__sales
-------------------------------------------------------------------------------- */
.list__sales .list__sales-item + .list__sales-item{
    margin-top: 1.25rem;
}
.list__sales .list__sales-title{
    margin-bottom: 0.625rem;
}
.sales_fund .section__title a {
    border-bottom: 1px #262626 solid;
}
.sales_fund .section__page-body.sp-hide {
    padding-top: 1rem;
}

/* -- period__nav
-------------------------------------------------------------------------------- */
.period__nav{
    display: flex;
    align-items: center;
    border-top: solid 1px #e5e5e5;
    border-bottom: solid 1px #e5e5e5;
}
.period__nav .period__nav-title{
    width: 10%;
    height: 100%;
    font-size: 0.875rem;
    text-align: center;
}
.period__nav .period__nav-inner{
    width: 90%;
}
.period__nav .period__nav-inner-wrap{
    padding: 0.9375rem 0;
}
.period__nav .period__nav-inner-wrap.flex{
    display: flex;
}
.period__nav .period__nav-inner-wrap + .period__nav-inner-wrap{
    border-top: solid 1px #e5e5e5;
}
.period__nav .period__nav-btn{
    display: flex;
    margin: 0 -0.3125rem;
}
.period__nav .period__nav-btn li{
    width: 16.666666%;
    padding: 0 0.3125rem;
    box-sizing: border-box;
}
.period__nav .period__nav-btn li a,
.period__nav .period__nav-disp,
.fund_favorite-order-btn a,
.alert .alert-body .btn a{
    display: block;
    font-size: 0.875rem;
    text-align: center;
    font-weight: bold;
    background: #f5f5f5;
    color: #999;
    border-radius: 2.625rem;
    padding: 0.625rem;
    transition: background 0.2s ease, color 0.2s ease;
}
.period__nav-btn li a.disabled {
    background: #e5e5e5;
    color: #b2b2b2;
    cursor: initial;
}
@media only screen and (min-width: 1281px){
    .period__nav .period__nav-btn li a:hover{
        background: #f0f0f0;
        color: #2660ad;
    }
    .period__nav .period__nav-btn li a.disabled:hover{
        background: #e5e5e5;
        color: #b2b2b2;
    }
}
.period__nav .period__nav-btn li a.active{
    background: #2660ad;
    color: #fff;
}
.period__nav .period__nav-date{
    width: calc(100% - 16.666666% + 0.625rem);
    display: flex;
    justify-content: center;
    align-items: center;
}
.period__nav .period__nav-date .period__nav-date-area{
    display: flex;
    justify-content: center;
    align-items: center;
}
.period__nav .period__nav-date .area-space{
    margin: 0 1.25rem;
}
.period__nav .period__nav-date .period__nav-date-area p{
    display: flex;
    justify-content: center;
    align-items: center;
}
.period__nav .period__nav-date .period__nav-date-area p span{
    font-size: 0.875rem;
    margin: 0 0.625rem;
}
.period__nav .period__nav-date .period__nav-date-area p:last-child span{
    margin-right: 0;
}
.period__nav .period__nav-date .period__nav-date-area p input{
    padding: 0.625rem 0.3125rem 0.625rem 0.8125rem;
    transition: background 0.2s ease;
}
.period__nav .period__nav-date .period__nav-date-area p input:focus {
    background: #f5f5f5;
}
.period__nav .period__nav-date .period__nav-date-area p input.em-4{
    width: 5.125em;
}
.period__nav .period__nav-date .period__nav-date-area p input.em-2{
    width: 4em;
}
.period__nav .period__nav-disp,
.fund_favorite-order-btn a,
.alert .alert-body .btn a{
    box-sizing: border-box;
    background: #2e344f;
    color: #fff;
}
.fund_favorite-order-btn a{
    padding: 0.9375rem 3.125rem;
}
.period__nav .period__nav-disp{
    width: calc(16.666666% - 0.625rem);
}
@media only screen and (min-width: 1281px){
    .period__nav .period__nav-disp:hover,
    .fund_favorite-order-btn a:hover,
    .alert .alert-body .btn a:hover{
        background: #1bb8ce;
    }
}
@media only screen and (max-width: 767px){
    .period__nav {
        display: block;
    }
    .period__nav .period__nav-title {
        width: 100%;
        height: auto;
        text-align: left;
        margin-top: 0.625rem;
    }
    .period__nav .period__nav-inner-wrap {
        padding: 0.625rem 0 0.9375rem;
    }
    .period__nav .period__nav-inner-wrap.tab {
        margin-bottom: 0;
    }
    .period__nav .period__nav-inner-wrap.tab::after {
        display: none;
    }
    .period__nav .period__nav-inner {
        width: 100%;
    }
    .period__nav .period__nav-btn {
        margin: -0.625rem -2px 0;
        padding-right: 7%;
        flex-wrap: wrap;
    }
    .period__nav .period__nav-btn li {
        width: 33.333333%;
        padding: 0 2px;        
        margin-left: 0;
        margin-top: 0.625rem;
    }
    .period__nav .period__nav-btn li a,
    .period__nav .period__nav-disp,
    .alert .alert-body .btn a {
        font-size: 0.8125rem;
        padding: 0.625rem 0;
        border-radius: 31px;
    }
    .period__nav .period__nav-btn li a{
        font-size: 0.875rem;
    }
}


/* -- fund__chart
-------------------------------------------------------------------------------- */
.fund__chart-wrap{
    padding: 2.5rem 0;
}
.fund__chart-wrap .fund__chart{
    width: 85%;
    max-width: 62.5rem;
    margin: 0 auto;
}
@media only screen and (max-width: 767px){
    .fund__chart-wrap {
        padding: 1.875rem 0;
    }
    .fund__chart-wrap .fund__chart {
        width: 100%;
        height: 200px;
    }
    .fund__chart-wrap .fund__chart-period {
        margin-bottom: 0.625rem;
        display: flex;
        align-items: baseline;
    }
    .fund__chart-wrap .fund__chart-period dt {
        font-size: 0.875rem;
    }
    .fund__chart-wrap .fund__chart-period span.term {
        font-weight: bold;
    }
}
.fund__chart-wrap .display-flex {
    display: flex;
}
.fund__chart-wrap .flex-grow {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
}
.fund__chart-wrap .text-right {
    text-align: right;
}

/* -- list__style__table-style
-------------------------------------------------------------------------------- */
.list__style__table ul{
/*    border-top: solid 1px #e5e5e5; */
/*    border-right: solid 1px #e5e5e5; */
    border-left: solid 1px #e5e5e5;
    display: flex;
    flex-wrap: wrap;
}
.list__style__table li{
    width: 25%;
    font-size: 0.9375rem;
    padding: 0.9375rem;
    border-top: solid 1px #e5e5e5;
    border-right: solid 1px #e5e5e5;
    border-bottom: solid 1px #e5e5e5;
/*    border-left: solid 1px #e5e5e5; */
    text-align: center;
    box-sizing: border-box;
}
.list__style__table li:nth-of-type(n+5){
    border-top: none;
}
@media only screen and (max-width: 767px){
    .list__style__table li{
        width: 50%;
    }
    .list__style__table li:nth-of-type(n+3){
            border-top: none;
    }
}


/* -- section__page-head
-------------------------------------------------------------------------------- */
.section__page-head{
    margin-top: 0;
    padding-top: 5rem;
}
@media only screen and (max-width: 767px){
    .section__page-head {
        padding-top: 3.125rem;
    }
}


/* -- section__page-body
-------------------------------------------------------------------------------- */
.section__page-body{
    padding-bottom: 6.25rem;
}
@media only screen and (max-width: 767px){
    .section__page-body {
        padding-bottom: 3.125rem;
    }
}


/* -- section__page-foot
-------------------------------------------------------------------------------- */
.section__page-foot{
}
.section__page-foot .section__inner-block,
.inner-min{
    width: 85%;
    max-width: 62.5rem;
    margin: 0 auto;
}
.section__page-foot .fund__detail-note{
    background: #f5f5f5;
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
}
.fund__detail-note .section__title{
    font-size: 1.25rem;
}
.fund__detail-note p{
    font-size: 0.875rem;
    line-height: 1.8;
    text-align: justify;
}
.fund__detail-note ul{
    padding-left: 1em;
}
.fund__detail-note li{
    font-size: 0.875rem;
    line-height: 1.8;
    text-align: justify;
    list-style-type: decimal;
    padding-left: 1em;
}
@media only screen and (max-width: 767px){
    .section__page-foot .fund__detail-note{
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
        padding-left: 0;
        padding-right: 0;
    }
    .fund__detail-note .section__title{
        font-size: 1.25rem;
        margin-bottom: 0.9375rem;
    }
    .section__page-foot .section__inner-block,
    .inner-min {
        width: 100%;
    }
    .section__page-foot .fund__detail-note .section__inner-block{
        box-sizing: border-box;
        padding-left: 5%;
        padding-right: 5%;
    }
}


/* -- fund__number
-------------------------------------------------------------------------------- */
.fund__number-wrap{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 0.9735rem;
}
.fund__number{
    font-size: 0.875rem;
}
.fund__number .number{
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 1px;
    color: #2e344f;
}
@media only screen and (max-width: 767px){
    .fund__number-wrap{
        margin-bottom: 0.9375rem;
    }
}


/* -- fund__ranking_date
-------------------------------------------------------------------------------- */
.fund__ranking_date-wrap{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 0.9735rem;
}
.fund__ranking_date{
    font-size: 0.875rem;
}
.fund__ranking_date .ranking_date{
    font-size: 0.9375rem;
}
.fund__ranking_date-wrap .list__table-reference-date {
    margin-bottom: 0;
}


/* -- select__check
-------------------------------------------------------------------------------- */
.select__check {
}
.select__check ul{
    display: flex;
    flex-wrap: wrap;
    margin-top: -0.5rem;
}
.select__check li{
    font-size: 0.9375rem;
    position: relative;
    margin-top: 0.5rem;
}
.select__check li + li {
    margin-left: 1.5625rem;
}
.select__check input {
    display: none;
}
.select__check label{
    cursor: pointer;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    padding-left: 1.5625rem;
}
.select__check label::before {
    content: "";
    background-color: #fff;
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0.75rem;
    width: 1rem;
    height: 1rem;
    transform: translateY(-50%);
}
.select__check label::after {
    content: "";
    border-right: solid 3px #1bb8ce;
    border-bottom: solid 3px #1bb8ce;
    position: absolute;
    left: 0.375rem;
    top: 1px;
    width: 0.375rem;
    height: 0.75rem;
    transform: rotate(45deg);
    opacity: 0;
    transition: opacity 0.2s;
}
.select__check input:checked+label::after {
    opacity: 1;
}


/* -- select__radio
-------------------------------------------------------------------------------- */
.select__radio {
}
.select__radio ul{
    display: flex;
}
.select__radio li{
    font-size: 0.9375rem;
    position: relative;
}
.select__radio li + li {
    margin-left: 1.5625rem;
}
.select__radio input {
    display: none;
}
.select__radio label{
    cursor: pointer;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    padding-left: 22px;
}
.select__radio label::before {
    content: "";
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 50%;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 11px;
    width: 1rem;
    height: 1rem;
    transform: translateY(-50%);
}
.select__radio label::after {
    content: "";
    background-color: #1bb8ce;
    border-radius: 50%;
    box-sizing: border-box;
    position: absolute;
    left: 4px;
    top: 11px;
    width: 8px;
    height: 8px;
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity 0.2s;
}
.select__radio input:checked+label::after {
    opacity: 1;
}


/* -- select__pulldown
-------------------------------------------------------------------------------- */
.select__pulldown{
    font-size: 0.9375rem;
}
.select__pulldown dl{
    display: flex;
    align-items: center;
}
.select__pulldown .select__pulldown-select {
    position: relative;
}
.select__pulldown .select__pulldown-select::after {
    content: "";
    display: block;
    border: solid 2px #2e344f;
    border-right: 0;
    border-top: 0;
    width: 0.375rem;
    height: 0.375rem;
    pointer-events: none;
    position: absolute;
    transform: rotate(-45deg);
    margin-top: -0.375rem;
    right: 1.5625rem;
    top: 50%;
}
.select__pulldown .select__pulldown-select select{
    -moz-appearance: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    align-items: center;
    border: none;
    position: relative;
    vertical-align: top;
    width: 100%;
    height: 3.25rem;
    font-size: 0.9375rem;
    line-height: 1.2;
    padding-left: 1.25rem;
    padding-right: 3.75rem;
    border-radius: 3.25rem;
    box-shadow: none;
    background: #fafafa;
    border: solid 1px #e5e5e5;
    cursor: pointer;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    display: block;
    outline: none;
}
@media only screen and (max-width: 767px){
    .select__pulldown{
        font-size: 0.875rem;
    }
    .select__pulldown .select__pulldown-select select{
        font-size: 1.0625rem;
    }
    .select__pulldown .select__pulldown-select::after {
        width: 0.5rem;
        height: 0.5rem;
        margin-top: -0.5rem;
    }
}


/* -- fund_pricelist
-------------------------------------------------------------------------------- */
.fund_pricelist .select__check,
.report .select__check{
    margin: 3.75rem 0;
    padding: 2.5rem 0;
    border-top: solid 3px #e5e5e5;
    border-bottom: solid 3px #e5e5e5;
}
.fund_pricelist table td:nth-child(3),
.fund_pricelist table td:nth-child(4),
.fund_pricelist table td:nth-child(5),
.fund_pricelist table td:nth-child(6),
.fund_pricelist table td:nth-child(7),
.fund_pricelist table td:nth-child(8),
.fund_pricelist table td:nth-child(9),
.fund__ranking-wrap table td:nth-child(4),
.fund__ranking-wrap table td:nth-child(5),
.fund__ranking-wrap table td:nth-child(6),
.fund__ranking-wrap table td:nth-child(7),
.fund__ranking-wrap table td:nth-child(8),
.fund__ranking-wrap table td:nth-child(9),
.fund_ranking table td:nth-child(4),
.fund_ranking table td:nth-child(5),
.fund_ranking table td:nth-child(6),
.fund_ranking table td:nth-child(7),
.fund_ranking table td:nth-child(8),
.fund_ranking table td:nth-child(9),
.fund_favorite table td:nth-child(4),
.fund_favorite table td:nth-child(5),
.fund_favorite table td:nth-child(6),
.fund_favorite table td:nth-child(7),
.fund_favorite table td:nth-child(8),
.fund_favorite table td:nth-child(9){
	font-size: 1.0rem;
}

/* -- fund_ranking
-------------------------------------------------------------------------------- */
.fund_ranking .tab{
    margin-top: 3.75rem;
    margin-bottom: 0.9375rem;
}
.section__page-foot .fund_ranking-note{
    background: transparent;
    border-top: solid 1px #e5e5e5;
}
@media only screen and (max-width: 767px){
    .fund_ranking .tab {
        margin-top: 0;
        margin-bottom: 1.5625rem;
    }
    .section__page-foot .fund_ranking-note {
        border-top: none;
    }
}


/* -- fund__search__select-wrap
-------------------------------------------------------------------------------- */
.fund_search .section__page-body{
    margin-top: 3.75rem;
    padding-bottom: 0;
}
.fund_search .list__table-wrap{
    padding-top: 5rem;
    padding-bottom: 6.25rem;
    background: #fff;
}
.main__section .fund__search__select{
    padding-top: 3.75rem;
    padding-bottom: 5rem;
    background: #eee;
}
.fund__search__select-area-wrap{
    background: #fff;
    border-radius: 3px;
}
.fund__search__select-area{
    display: flex;
    align-items: center;
    padding: 0 0 0 2.5rem;
}
.fund__search__select-area + .fund__search__select-area {
    border-top: solid 1px rgba(0,0,0,0.07);
}
.fund__search__select-wrap .fund__search__select-nickname{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
    border-top: solid 1px rgba(0,0,0,0.07);
    background: transparent;
}
.fund__search__select-wrap .fund__search__select-nickname .inner-min{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.fund__search__select-nickname .section__title{
    font-size: 1.25rem;
    margin-bottom: 0;
}
.fund_search .fund__search.search__form .search__form-input,
.index_page .fund__search.search__form .search__form-input {
    font-size: 1rem;
    height: 3.75rem;
    border-radius: 3.75rem;
    padding: 0 4.5rem 0 1.5625rem;
    background: #fafafa;
    border: solid 1px #e5e5e5;
}
.fund_search .fund__search.search__form,
.index_page .fund__search.search__form{
    width: 30rem;
}
.fund_search .fund__search.search__form .search__form-submit,
.index_page .fund__search.search__form .search__form-submit {
    width: 4.5rem;
    height: 3.75rem;
}
.fund__search__select-wrap .fund__search__select-title{
    font-size: 1.25rem;
    margin-bottom: 1.25rem;
}
.fund__search__select-area .section__title{
    width: 10rem;
    font-size: 1rem;
    margin-bottom: 0;
}
.fund__search__select-area .select__check,
.fund__search__select-area .select__pulldown{
    width: calc(100% - 10rem);
    box-sizing: border-box;
    padding: 3.125rem 0 3.125rem 3.75rem;
}
.fund__search__select-area .select__pulldown{
    padding: 2.5rem 2.5rem 2.5rem 3.75rem;
}
.fund__search__select-area .select__check li{
    width: calc(100% / 6);
}
.fund__search__select-area .select__check li.wide{
    width: calc(100% / 3);
}
.fund__search__select-area .select__check li + li{
    margin-left: 0;
}
.fund__search__select-area .select__pulldown{
    display: flex;
    flex-wrap: wrap;
    margin-top: -0.9375rem;
}
.fund__search__select-area .select__pulldown dl{
    width: calc(100% / 2);
    margin-top: 0.9375rem;
    padding-left: 1.25rem;
    box-sizing: border-box;
}
.fund__search__select-area .select__pulldown dt{
    width: 5em;
    text-align: right;
}
.fund__search__select-area .select__pulldown dd{
    padding-left: 0.9375rem;
}
.fund__search__select-area .select__pulldown-select{
    width: calc(100% - 5em - 0.9375rem);
}
@media only screen and (max-width: 767px){
    .fund_search .fund__search.search__form .search__form-input,
    .index_page .fund__search.search__form .search__form-input {
        font-size: 1.0625rem;
        border-radius: 3.25rem;
        padding: 0 3.75rem 0 1.25rem;
        height: 3.25rem;
    }
    .fund_search .fund__search.search__form .search__form-submit,
    .index_page .fund__search.search__form .search__form-submit {
        width: 3.75rem;
        height: 3.25rem;
    }
    .fund_search .section__page-body {
        margin-top: 2.5rem;
    } 
    .fund__search__select-wrap {
        border-top: solid 1px rgba(0,0,0,0.07);
        border-bottom: none;
        padding: 0 0 2.5rem;
    }
    .section__page-body.list__table__sp-card-pricelist .fund__search__select-wrap .select__pulldown:first-child {
        border-top:none;
    }
    .fund_search .list__table__sp-card-pricelist .select__pulldown dt {
        width: 6em;
    }
    .fund_search.sales .list__table__sp-card-pricelist .select__pulldown dt {
        width: 6em;
    }
    .fund__search__select-ttl{
        font-size: 1.125rem;
        font-weight: bold;
        margin-bottom: 0.9375rem;
    }
    .fund__search__select-box{
        padding: 1.5625rem 5%;
    }
    .fund__search__select-wrap .fund__search__select-box + .fund__search__select-box{
        border-top: solid 1px rgba(0,0,0,0.07);
    }
    .fund__search__select-wrap .result__btn{
        border-top: solid 1px rgba(0,0,0,0.07);
        padding-top: 1.5625rem;
        margin-top: 0;
    }
    .select__kana ul{
        display: flex;
        flex-wrap: wrap;
        margin: -0.625rem -0.15625rem 0;
    }
    .select__kana li{
        width: 20%;
        box-sizing: border-box;
        padding: 0 0.15625rem;
        margin-top: 0.625rem;
    }
    .select__kana li a{
        display: block;
        font-size: 0.875rem;
        font-weight: bold;
        background: #f5f5f5;
        color: #999;
        text-align: center;
        padding: 0.625rem 0;
        border-radius: 3rem;
        transition: background 0.1s ease, color 0.1s ease;
    }
    .select__kana li a.active {
        background: #2660ad;
        color: #fff;
    }
}


/* -- report
-------------------------------------------------------------------------------- */
.report .fund__detail-fund-name-wrap{
    margin: 3.75rem 0;
    padding: 2.5rem 0;
    background: transparent;
    border-top: solid 1px #e5e5e5;
    border-bottom: solid 1px #e5e5e5;
}
.report .fund__detail-fund-img{
    width: 6.25rem;
    border-radius: 0.6875rem;
    box-shadow: 0 4px 8px rgb(0 0 0 / 20%);
}
.report .fund__detail-fund-name-inner {
    width: calc(100% - 6.25rem - 2.5rem);
}
.report .fund__detail-fund-name {
    font-size: 1.5rem;
}
.list__report-body + .list__report-body{
    margin-top: 3.75rem;
}
.list__report{
    padding-bottom: 2.5rem;
}
.list__report-title{
    font-size: 1rem;
    margin-bottom: 0.9375rem;
}
.list__report-item {
    /* display: flex;
    flex-wrap: wrap;
    justify-content: space-between; */
}
.list__report-item li{
    /* width: calc(50% - 1.25rem); */
    border-bottom: solid 1px rgba(0,0,0,0.1);
}
.list__report-item li:first-child{
/* .list__report-item li:nth-child(2){ */
    border-top: solid 1px rgba(0,0,0,0.1);
}
.list__report-item li a{
    display: flex;
    /* justify-content: flex-start; */
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 0;
    font-size: 0.9375rem;
    transition: color 0.1s ease;
}
@media only screen and (min-width: 1281px){
    .list__report-item li a:hover{
        color: #1bb8ce;
    }
}
.list__report-item li a.new::after{
    content: "NEW";
    font-weight: bold;
    margin-left: 0.375rem;
    transform: translateY(-1px);
}
.list__report-item li a .ico_pdf{
    margin: 0 1.25rem 0 0;
}
.ico_pdf{
    display: block;
    width: 2rem;
    height: 2rem;
    margin: 0 auto;
}
.ico_pdf span{
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/ico_pdf.svg) no-repeat center;
    background-size: cover;
    transition: background 0.1s ease;
}
_::-webkit-full-page-media, _:future, :root .ico_pdf span {
    transition: none;
}
.ico_pdf_1::before,
.ico_pdf .ico_pdf_1{
    background-image: url(../img/ico_pdf_1.svg); 
}
.ico_pdf_2::before,
.ico_pdf .ico_pdf_2{
    background-image: url(../img/ico_pdf_2.svg); 
}
.ico_pdf_3::before,
.ico_pdf .ico_pdf_3{
    background-image: url(../img/ico_pdf_3.svg); 
}
.ico_pdf_4::before,
.ico_pdf .ico_pdf_4{
    background-image: url(../img/ico_pdf_4.svg); 
}
.ico_pdf_5::before,
.ico_pdf .ico_pdf_5{
    background-image: url(../img/ico_pdf_5.svg); 
}
.ico_pdf_6::before,
.ico_pdf .ico_pdf_6{
    background-image: url(../img/ico_pdf_6.svg); 
}
/* MS追加 */
.ico_pdf_7::before,
.ico_pdf .ico_pdf_7{
    background-image: url(../img/ico_pdf_7.svg); 
}
.ico_pdf_8::before,
.ico_pdf .ico_pdf_8{
    background-image: url(../img/ico_pdf_8.svg); 
}
/*  */

@media only screen and (min-width: 1281px){
    .ico_pdf:hover .ico_pdf span,
    .list__report-item li a:hover .ico_pdf span{
        background-image: url(../img/ico_pdf_hover.svg); 
    }
    .ico_pdf:hover .ico_pdf_1{
        background-image: url(../img/ico_pdf_1_hover.svg); 
    }
    .ico_pdf:hover .ico_pdf_2{
        background-image: url(../img/ico_pdf_2_hover.svg); 
    }
    .ico_pdf:hover .ico_pdf_3{
        background-image: url(../img/ico_pdf_3_hover.svg); 
    }
    .ico_pdf:hover .ico_pdf_4{
        background-image: url(../img/ico_pdf_4_hover.svg); 
    }
    .ico_pdf:hover .ico_pdf_5{
        background-image: url(../img/ico_pdf_5_hover.svg); 
    }
    .ico_pdf:hover .ico_pdf_6{
        background-image: url(../img/ico_pdf_6_hover.svg); 
    }
    .ico_pdf:hover .ico_pdf_7{
        background-image: url(../img/ico_pdf_7_hover.svg); 
    }
    .ico_pdf:hover .ico_pdf_8{
        background-image: url(../img/ico_pdf_8_hover.svg); 
    }
}
.ico_pdf_flex{
    display: flex;
    justify-content: center;
}
.ico_pdf_flex .ico_pdf{
    margin: 0;
}
.ico_pdf_flex .ico_pdf + .ico_pdf{
    margin-left: 1.25rem;
    padding-left: 1.25rem;
    border-left: solid 1px #e0e0e0;
}
.ico_pdf.new{
    position: relative;
}
.ico_pdf.new::before{
    content: "NEW";
    background: #ed293e;
    color: #fff;
    font-weight: bold;
    font-size: 0.625rem;
    padding: 0.125rem 0.375rem;
    position: absolute;
    top: -0.625rem;
    right: -1.0625rem;
    transform: scale(0.8);
}
@media only screen and (max-width: 767px){
    .report .fund__detail-fund-name-wrap {
        display: flex;
        align-items: center;
        margin: 2.5rem 0;
        padding: 1.875rem 0;
    }
    .report .fund__detail-fund-img {
        width: 60px;
        border-radius: 6px;
        box-shadow: 0 3px 6px rgb(0 0 0 / 20%);
    }
    .report .fund__detail-fund-name-inner {
        width: calc(100% - 60px);
        box-sizing: border-box;
        padding-left: 1.25rem;
    }
    .report .fund__detail-fund-name {
        font-size: 1.25rem;
    }
    .list__report {
        padding-bottom: 0;
    }
    .list__report-body + .list__report-body {
        margin-top: 2.5rem;
    }
    .list__report-title{
        font-size: 1.125rem;
        margin-bottom: 0.625rem;
    }
    .list__report-item li {
        width: 100%;
    }
    .list__report-item li:nth-child(2) {
        border-top: none;
    }
    .list__report-item li a{
        font-size: 1rem;
    }
}


/* -- fund_favorite
-------------------------------------------------------------------------------- */
.main__section.fund_favorite .section__page-body {
    margin-top: 3.75rem;
}
.fund_favorite-order-btn{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    border-bottom: solid 1px #e5e5e5;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.fund_favorite-order-btn p{
    font-size: 0.75rem;
}
.list__table .icon.order {
    cursor: pointer;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.list__table .icon.order span::before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/ico_order_hover.svg) no-repeat center;
    background-size: cover;
    position: absolute;
    opacity: 0;
}
@media only screen and (min-width: 1281px){
    .list__table .icon.order:hover span::before {
        opacity: 1;
    }
}
@media only screen and (max-width: 767px){
    .main__section.fund_favorite .section__page-body {
        margin-top: 2.5rem;
    }
    .fund_favorite-order-btn p{
        font-size: 0.8125rem;
        line-height: 1.4;
        flex: 1;
        padding-right: 0.9375rem;
    }
    .fund_favorite-order-btn{
        padding-bottom: 0;
        border-bottom: none;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        box-sizing: border-box;
        padding: 1.25rem;
        background: #fff;
        border-top: solid 1px #f0f0f0;
        z-index: 1;
    }
    .period__nav .period__nav-disp,
    .fund_favorite-order-btn a,
    .alert .alert-body .btn a {
        font-size: 0.875rem;
        width: auto;
        padding: 0.8125rem 1.5625rem;
    }
    .fund_favorite-order-btn a {
        display: none;
    }
    .fund_favorite-order-btn a.active {
        display: block;
    }
    .fund_favorite-order-btn a.order-decision {
        background: #1bb8ce;
    }
    .main__section.fund_favorite .list__table__sp-card {
        min-width: auto;
    }
    .main__section.fund_favorite.order .list__table__sp-card .favorite-btn{
        right: 69px;
        padding-right: 0.9375rem;
    }
    .main__section.fund_favorite .list__table__sp-card .sort-btn{
        display: none;
    }
    .main__section.fund_favorite.order .list__table__sp-card .sort-btn{
        display: flex;
    }
}


/* -- index_page
-------------------------------------------------------------------------------- */
.index_page .section__page-body,
.content_page .section__page-body{
    margin-top: 3.75rem;
    padding-bottom: 0;
}
.content_page .section__page-body{
    padding-bottom: 6.25rem;
}
.index_page .section__page-body .section__inner,
.content_page .section__page-body .section__inner{
    padding-top: 3.75rem;
    border-top: solid 3px rgba(0,0,0,0.07);
    margin: 0 auto;
    max-width: 1400px;
}
.index_page .section__page-body .section__inner{
    padding-bottom: 3.75rem;
}
.index_page .section__page-body .section__title{
    font-size: 1.5rem;
    margin-bottom: 1.875rem;
}
.index_page .section__page-body .section__inner.update__list-wrap{
    padding-bottom: 6.25rem;
}
.index_page .section__page-body .section__inner.menu__list-wrap{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    background: #f5f5f5;
    border-top: none;
}
.index_page .section__page-body .section__inner.menu__list-wrap + .section__inner{
    border-top: none;
}
.index_page .others__list li a .img.ico-1 {
}
.index_page .others__list li a .img.ico-2 {
    background-position: calc(-3.75rem * 1) 0;
}
.index_page .others__list li a .img.ico-3 {
    background-position: calc(-3.75rem * 2) 0;
}
.index_page .others__list li a .img.ico-4 {
    background-position: calc(-3.75rem * 3) 0;
}
.index_page .others__list li a .img.ico-5 {
    background-position: calc(-3.75rem * 14) 0;
}
.index_page .others__list li a .img.ico-6 {
    background-position: calc(-3.75rem * 4) 0;
}
.index_page .others__list li a .img.ico-7 {
    background-position: calc(-3.75rem * 13) 0;
}
.index_page .others__list li a .img.ico-8 {
    background-position: calc(-3.75rem * 7) 0;
}
.index_page .section__page-body .section__inner.fund__search-wrap {
    margin-top: 0;
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
}
.index_page .fund__search-wrap .section__inner-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.index_page .fund__search-wrap .section__title {
    font-size: 1.25rem;
    margin-bottom: 0;
}
.index_page .fund__search-wrap .fund__search-body {
    display: flex;
    align-items: center;
}
.index_page .fund__search-wrap .txt-link {
    font-size: 0.875rem;
    margin-left: 1.25rem;
}
.index_page .section__page-body .fund__attention-wrap {
    margin-top: 0;
}
.index_page .section__page-body .recommend__list-wrap {
}
.index_page .section__page-body .recommend__list-wrap .recommend__list ul {
    margin-top: -2.5rem;
}
.index_page .section__page-body .recommend__list-wrap .recommend__list.sp-hide ul {
    flex-wrap: wrap;
    justify-content: center;
}
.index_page .section__page-body .recommend__list-wrap .recommend__list li {
    width: 20%;
    margin-top: 2.5rem;
}
@media only screen and (max-width: 767px){
    .index_page .section__page-body .section__inner.menu__list-wrap {
        padding-left: 0;
        padding-right: 0;
        padding-top: 1.875rem;
    }
    .index_page .section__page-body .section__inner,
    .content_page .section__page-body .section__inner {
        padding-top: 2.5rem;
    }
    .main__section .section__title-wrap {
        display: block;
    }
    .index_page .section__page-body .section__title{
        margin-bottom: 1.25rem;
    }
    .main__section .section__lead {
        font-size: 1.0625rem;
        text-align: justify;
        border-left: none;
        padding-left: 0;
        margin-left: 0;
        margin-top: 0.8125rem;
    }
    .index_page .section__page-body, .content_page .section__page-body {
        margin-top: 2.5rem;
    }
    .index_page .fund__search-wrap .section__inner-block {
        display: block;
    }
    .index_page .fund__search-wrap .fund__search-body {
        display: block;
    }
    .fund_search .fund__search.search__form,
    .index_page .fund__search.search__form {
        width: 100%;
    }
    .index_page .fund__search-wrap .section__title {
        font-size: 1.125rem;
        letter-spacing: 0;
        margin-bottom: 0.9375rem;
    }
    .index_page .fund__search-wrap .section__inner-block {
        position: relative;
    }
    .index_page .fund__search-wrap .txt-link {
        font-size: 1rem;
        margin-right: 0;
        position: absolute;
        top: 0;
        right: 0;
    }
    .index_page .section__page-body .fund__attention-wrap,
    .index_page .section__page-body .recommend__list-wrap{
        padding-left: 0;
        padding-right: 0;
    }
    .index_page .section__page-body .fund__attention-wrap .section__title,
    .index_page .section__page-body .recommend__list-wrap .section__title {
        padding-left: 7%;
        padding-right: 7%;
    }
    .index_page .section__page-body .section__inner.update__list-wrap {
        padding-bottom: 3.125rem;
    }
    .content_page .section__page-body {
        padding-bottom: 3.125rem;
    }
    .index_page .section__page-body .section__inner.fund__search-wrap {
        padding-top: 1.875rem;
        padding-bottom: 1.875rem;
    }
}


/* -- report_column
-------------------------------------------------------------------------------- */
.report_column .others__list li {
    /* width: 33.333333%; */
    width: 25%;
}
.report_column .others__list li:nth-child(4) {
    border-left: none;
}
.report_column .others__list li:nth-child(5),
.report_column .others__list li:nth-child(9) {
    border-left: solid 1px rgba(0,0,0,0.1);
}
@media only screen and (max-width: 767px){
    .report_column .others__list li:nth-child(5),
    .report_column .others__list li:nth-child(9) {
        border-left: none;
    }
    .report_column .others__list li:nth-child(4) {
        border-left: solid 1px rgba(0,0,0,0.1);
    }
}
.report_column .others__list li a .img.ico-1 {
    background-position: calc(-3.75rem * 16) 0;
}
.report_column .others__list li a .img.ico-2 {
    background-position: calc(-3.75rem * 17) 0;
}
.report_column .others__list li a .img.ico-3 {
    background-position: calc(-3.75rem * 18) 0;
}
.report_column .others__list li a .img.ico-4 {
    background-position: calc(-3.75rem * 5) 0;
}
.report_column .others__list li a .img.ico-5 {
    background-position: calc(-3.75rem * 6) 0;
}
.report_column .others__list li a .img.ico-6 {
    background-position: calc(-3.75rem * 19) 0;
}
@media only screen and (max-width: 767px){
    .report_column .others__list li {
        width: 50%;
    }
}


/* -- link-anchor
-------------------------------------------------------------------------------- */
.link-anchor{
    padding: 0 7% 1.25rem;
}
.link-anchor ul{
    display: flex;
}
.link-anchor li + li{
    margin-left: 1.875rem;
}
.link-anchor li a{
    font-size: 0.875rem;
    font-weight: bold;
    position: relative;
    padding-left: 1.4375rem;
    transition: color 0.1s ease;
}
@media only screen and (min-width: 1281px){
    .link-anchor li a:hover{
        color: #2660ad;
    }
}
.link-anchor li a::before{
    content: "";
    width: 0.875rem;
    height: 0.875rem;
    background: url(../img/ico_arrow2.svg) no-repeat center;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%) rotate(90deg);
    transition: background 0.1s ease;
}
@media only screen and (min-width: 1281px){
    .link-anchor li a:hover::before{
        background-image: url(../img/ico_arrow2_col.svg);
    }
}
@media only screen and (max-width: 767px){
    .link-anchor{
        padding: 0 5% 0.9375rem;
    }
    .link-anchor li + li{
        margin-left: 1.5625rem;
    }
    .link-anchor li a{
        padding-left: calc(10px + 0.625rem);
    }
    .link-anchor li a::before {
        width: 10px;
        height: 10px;
    }
}


/* -- alert
-------------------------------------------------------------------------------- */
.alert{
    font-size: 16px;
    min-width: auto;
}
.alert-wrap{
    width: 100%;
    height: auto;
    min-height: 420px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
}
.alert .title{
    font-size: 1em;
    letter-spacing: 1px;
    margin-bottom: 0.625em;
}
.alert .alert-body{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media only screen and all and (-ms-high-contrast: none) {
    .alert .alert-body{
        flex: 1 auto;
        margin-top: 50px;
    }
}
.alert .alert-body-inner{
    padding: 0 5%;
}
.alert .alert-body .text{
    font-size: 0.8125em;
    text-align: justify;
    line-height: 1.8;
}
.alert .alert-body .url{
    margin-top: 1.5625em;
}
.alert .alert-body .url p{
    color: #2e344f;
    margin-bottom: 0.625em;
}
.alert .alert-body .url span{
    display: block;
    font-size: 0.75em;
    font-weight: bold;
}
.alert .alert-body .url .address{
    border-top: solid 1px #e5e5e5;
    border-bottom: solid 1px #e5e5e5;
    padding-top: 1.25em;
    padding-bottom: 1.25em;
    font-size: 1rem;
    text-align: center;
}
.alert .alert-body .btn{
    margin-top: 1.25em;
    display: flex;
    justify-content: center;
}
.alert .alert-body .btn a{
    display: block;
    font-size: 1em;
    line-height: 1.6;
    width: 6.25em;
    border-radius: 2.625em;
    padding: 0.625em;
}
.alert .alert-body .btn a + a{
    margin-left: 0.3125em;
}
.alert .alert-body .btn a span{
    display: block;
    font-size: 0.875em;
}
.alert .copyright{
    padding: 0 5% 1.25em;
    color: #999;
}
.alert .copyright span{
    display: block;
    font-size: 0.6875em;
    text-align: center;
}


/* -- movie
-------------------------------------------------------------------------------- */
.content_page.movie .section__page-body{
    padding-bottom: 1.25rem;
}
.index_page .section__page-body .section__inner,
.index_page.movie .section__page-body .section__inner,
.content_page.document .section__page-body .section__inner,
.content_page.movie .section__page-body .section__inner{
    padding-bottom: 5rem;
}
@media only screen and (max-width: 767px){
    .content_page.movie .section__page-body{
        padding-bottom: 0;
    }
    .index_page .section__page-body .section__inner,
    .index_page.movie .section__page-body .section__inner,
    .content_page.document .section__page-body .section__inner,
    .content_page.movie .section__page-body .section__inner{
        padding-bottom: 3.125rem;
    }
}
/* 動画再生ページ */
.box-movie-player {
    width: 100%;
    max-width: 640px;
    height: 100%;
    min-height: 100%;
    background: #000;
    margin: auto;
}
.box-movie-player .movie-player-wrap {
    width: 100%;
    position: relative;
}
.box-movie-player .movie-player {
    width: 99%;
    margin: 0 auto;
    position: relative;
}
.box-movie-player .player {
    position: relative;
    width: 100%;
    border: solid 1px #ccc;
}
.box-movie-player .player:before {
    content: "";
    display: block;
    padding-top: 56.25%;
}
.box-movie-player .player .player-inner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.movie__close-btn{
    margin-top: 1.25em;
    display: flex;
    justify-content: center;
}
.movie__close-btn a{
    display: block;
    font-size: 1em;
    text-align: center;
    font-weight: bold;
    line-height: 1.6;
    background: #2e344f;
    color: #fff;
    width: 6.25em;
    border-radius: 2.625rem;
    padding: 0.625rem;
    transition: background 0.2s ease, color 0.2s ease;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}
.movie__close-btn a span{
    display: block;
    font-size: 0.875em;
}
.movie__close-btn a::before{
    content: "";
    display: block;
    width: 0;
    height: 100%;
    background: #1bb8ce;
    position: absolute;
    right: 0;
    bottom: 0;
    transition: width 0.2s ease;
}
@media only screen and (min-width: 1281px){
    .movie__close-btn a:hover{
        background: #1bb8ce;
    }
    .movie__close-btn a:hover::before{
        width: 100%;
        right: auto;
        left: 0;
    }
}
.movie__close-btn a span{
    position: relative;
}
@media only screen and (max-width: 767px){
    .movie__close-btn a {
        font-size: 0.8125rem;
        padding: 0.625rem 0;
        border-radius: 31px;
    }
}

/* -- document
-------------------------------------------------------------------------------- */
.content_page.document .section__page-body{
    padding-bottom: 1.25rem;
}
.list__table .link{
    white-space: nowrap;
}
.list__table .link + .link{
    margin-top: 0.625rem;
}
.list__table .link::after{
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1.375rem;
    height: 1.375rem;
    background: url(../img/ico_pdf_min.svg) no-repeat center;
    background-size: cover;
    transition: background 0.1s ease;
    transform: translateY(-1px);
}
.document .list__table .link::after {
    background: none;
}
.document .list__table .link.pdf::after {
    background: url(../img/ico_pdf_min.svg) no-repeat center;
}
@media only screen and (min-width: 1281px){
    .list__table .link:hover::after {
        background-image: url(../img/ico_pdf_min_hover.svg);
    }
    .document .list__table .link:hover::after {
        background-image: none;
    }
    .document .list__table .link.pdf:hover::after {
        background-image: url(../img/ico_pdf_min_hover.svg);
    }
}
.list__table .link.excel::after{
    background-image: url(../img/ico_excel.svg);
}
@media only screen and (min-width: 1281px){
    .list__table .link.excel:hover::after {
        background-image: url(../img/ico_excel_hover.svg);
    }
}
.list__table .link.word::after{
    background-image: url(../img/ico_word.svg);
}
@media only screen and (min-width: 1281px){
    .list__table .link.word:hover::after {
        background-image: url(../img/ico_word_hover.svg);
    }
}
.list__table .link.ppt::after{
    background-image: url(../img/ico_ppt.svg);
}
@media only screen and (min-width: 1281px){
    .list__table .link.ppt:hover::after {
        background-image: url(../img/ico_ppt_hover.svg);
    }
}
.list__table .link.csv::after{
    background-image: url(../img/ico_csv.svg);
}
@media only screen and (min-width: 1281px){
    .list__table .link.csv:hover::after {
        background-image: url(../img/ico_csv_hover.svg);
    }
}
@media only screen and (max-width: 767px){
    .content_page.document .section__page-body{
        padding-bottom: 0;
    }
    .list__table .link {
        white-space: normal;
    }
    .list__table .link::after {
        width: 16px;
        height: 16px;
    }
}


/* -- login
-------------------------------------------------------------------------------- */
.login .section__page-body{
    margin-top: 0;
}
.login .section__page-body .section__inner{
    background: #eee;
    border-top: none;
}
.login .section__page-body .section__inner-block{
    width: 60%;
    max-width: 43.75rem;
}
.login .login-body{
    background: #fff;
    padding: 2.1875rem 2.5rem;
}
.login .section__page-body .section__title{
    font-size: 1.25rem;
    margin-bottom: 0.625rem;
}
.login .section__page-body .section__lead{
    border-left: none;
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 2.5rem;
}
.login .section__page-body .page__link-btn{
    margin-top: 1.875rem;
}
.login .login-input-area p{
    width: 20rem;
    margin: 0 auto;
}
.login .login-input-area p + p{
    margin-top: 0.9375rem;
}
.login .login-input-area input{
    width: 100%;
}
.login .section__page-body .section__form + .note{
    margin-top: 2.5rem;
    color: #666;
}
@media only screen and (max-width: 767px){
    .login .section__page-body .section__inner-block {
        width: 100%;
    }
    .login .login-body {
        padding: 1.5625rem 1.5625rem;
    }
    .login .section__page-body .section__lead {
        margin-top: 0;
        margin-bottom: 1.875rem;
    }
    .login .login-input-area p {
        width: 100%;
    }
    .login .section__page-body .section__form + .note {
        margin-top: 1.875rem;
    }
}


/* -- company__list
-------------------------------------------------------------------------------- */
.company .section__page-body .company__list-wrap{
    background: #eee;
    border-top: none;
    padding-top: 5rem;
    padding-bottom: 5rem;
}
.company__list ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: -1.25rem -0.625rem 0;
}
.company__list li{
    width: 25%;
    padding: 0 0.625rem;
    box-sizing: border-box;
    margin-top: 1.25rem;
}
.company__list li a{
    display: block;
    border-radius: 3px;
    overflow: hidden;
}
.company__list li a figure{
    width: 100%;
    padding-top: 56.25%;
    margin: 0;
    position: relative;
    overflow: hidden;
}
.company__list li a figure span{
    display: block;
    width: 100%;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.company__list li a figure img{
    width: 100%;
    transition: transform 0.5s ease, opacity 0.3s ease;
}
@media only screen and (min-width: 1281px){
    .company__list li a:hover figure img{
        transform: scale(1.08);
        opacity: 0.7;
    }
}
.company__list li a p{
    font-size: 0.9375rem;
    font-weight: bold;
    letter-spacing: 0.5px;
    padding: 1.25rem 1.25rem;
    background: #fff;
    position: relative;
    transition: color 0.2s ease;
}
.company__list li a p::before{
    right: 1.25rem;
}
@media only screen and (min-width: 1281px){
    .company__list li a:hover p{
        color: #1bb8ce;
    }
}
@media only screen and (max-width: 767px){
    .company .section__page-body .company__list-wrap {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
    .company__list ul{
        display: block;
        margin: -1.25rem 0 0;
    }
    .company__list li{
        width: 100%;
        padding: 0;
        margin-top: 1.25rem;
    }
    .company__list li a p {
        font-size: 1.125rem;
    }
}


/* -- company
-------------------------------------------------------------------------------- */
.content_page.company{
    padding: 0;
    max-width: none;
}
.content_page.company .section__page-body {
    padding-top: 0;
    max-width: none;
}
.company__wrap{
    display: flex;
}
.company__nav{
    width: 13.75rem;
    border-top: solid 1px rgba(0,0,0,0.1);
}
.company__nav p,
.company__nav .company__nav-pulldown{
    border-bottom: solid 1px rgba(0,0,0,0.1);
}
.company__nav .company__nav-pulldown{
    position: relative;
}
.company__nav a,
.company__nav .company__nav-pulldown-btn{
    display: block;
    font-size: 0.875rem;
    line-height: 1.4;
    font-weight: bold;
    transition: color 0.1s ease;
    padding: 1.25rem 0;
    border-bottom: none;
}
@media only screen and (min-width: 1281px){
    .company__nav a:hover,
    .company__nav .company__nav-pulldown-btn:hover{
        color: #1bb8ce;
    }
}
.company__nav .company__nav-pulldown-btn{
    cursor: pointer;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    position: relative;
}
.company__nav .company__nav-pulldown-btn::before,
.company__nav .company__nav-pulldown-btn::after{
    content: "";
    width: 0.625rem;
    border-top: solid 2px;
    position: absolute;
    top: 50%;
    right: 0.9375rem;
    margin-top: -1px;
    transition: border 0.1s ease, transform 0.2s ease;
}
.company__nav .company__nav-pulldown-btn::after{
    transform: rotate(-90deg);
}
.company__nav .company__nav-pulldown-btn.active::after{
    transform: rotate(0);
}
.company__nav ul{
    padding-bottom: 1.25rem;
    display: none;
}
.company__nav li{
    font-size: 0.8125rem;
}
.company__nav li + li{
    margin-top: 1em;
}
.company__nav li a{
    font-size: 0.8125rem;
    font-weight: normal;
    padding: 0;
}
.content_page.company .company__message-name{
    font-size: 0.8125rem;
    line-height: 1.6;
    margin-top: 2.5rem;
}
.content_page.company .company__message-name span{
    display: block;
    font-size: 1.5rem;
    letter-spacing: 4px;
    margin-top: 0.1875rem;
}
.company__body{
    width: calc(100% - 13.75rem);
    box-sizing: border-box;
    padding-left: 5rem;
}
.company__body .article__body-area + .article__body-area{
    margin-top: 3.75rem;
}
.company__body .article__body-block + .article__body-block{
    margin-top: 2.5rem;
}
.company__body .article__body-box + .article__body-box{
    margin-top: 1.25rem;
}
@media only screen and (max-width: 767px){
    .company__wrap {
        display: block;
    }
    .company__nav-btn {
        display: block;
        position: fixed;
        right: 1.25rem;
        bottom: 20px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: rgba(153,153,153, 0.7);
        z-index: 5000;
        transition: transform 0.3s ease;
    }
    .company__nav-btn::before,
    .company__nav-btn::after{
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 12px;
        margin-top: -1px;
        margin-left: -6px;
        border-top: solid 2px #fff;
        transition: transform 0.3s ease;
    }
    .company__nav-btn::after{
        transform: rotate(-90deg);
    }
    .company__nav-btn.active::before{
        transform: rotate(135deg);
    }
    .company__nav-btn.active::after{
        transform: rotate(45deg);
    }
    .company__nav{
        width: 20rem;
        height: 100%;
        background: #f5f5f5;
        padding: 0 1.25rem;
        border-top: none;
        box-sizing: border-box;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 5000;
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
        transform: translateX(-100%);
        transition: transform 0.3s ease;
    }
    .company__nav li{
        font-size: 0.875rem;
    }
    .company__nav li a{
        font-size: 0.875rem;
    }
    .company__nav .company__nav-inner{
        padding: calc(50px + 0.625rem) 0 2.5rem;
    }
    .company__nav.open{
        transform: translateX(0);
        box-shadow: 3px 0 6px rgb(0 0 0 / 10%);
    }
    .company__nav .company__nav-pulldown-btn::before,
    .company__nav .company__nav-pulldown-btn::after {
        width: 10px;
        right: 0.625rem;
    }
    .company__nav a,
    .company__nav .company__nav-pulldown-btn{
        font-size: 1rem;
    }
    .company__body {
        width: 100%;
        padding-left: 0;
    }
    .company__body .article__body-area + .article__body-area{
        margin-top: 1.875rem;
    }
    .company__body .article__body-block + .article__body-block{
        margin-top: 1.5625rem;
    }
    .company__body .article__body-box + .article__body-box{
        margin-top: 0.9375rem;
    }
    .content_page.company .company__message-name{
        font-size: 0.875rem;
    }
    .content_page.company .company__message-name span {
        font-size: 1.625rem;
    }
}


/* -- article
-------------------------------------------------------------------------------- */
.article .section__page-body {
    padding-top: 5rem;
    max-width: 62.5rem;
    margin-left: auto;
    margin-right: auto;
}
.article .page__link-btn{
    margin-top: 5rem;
}
.article .date {
    display: block;
    font-size: 0.9375rem;
    color: #666;
    letter-spacing: 0.05em;
    margin-bottom: 1.875rem;
}
.article table th,
.article table td {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
.article table td {
    font-size: 0.875rem;
}
.article .txt-box p{
    font-size: 0.9375rem;
    text-align: justify;
    line-height: 2;
}
.article .txt-box a,
.article .link-box a,
.article .list-box a,
.article .table-box a,
.article table a,
.parts__txt a,
.parts__list-1 a,
.parts__list-2 a,
.parts__list-3 a,
.parts__list-4 a,
.parts__list-5 a,
.parts__list-6 a,
.parts__accordion dl a,
.parts__list_group a,
.article.wisywig a,
.parts__txt_group a{
    text-decoration: underline;
    color: #2f73cd;
    transition: color 0.1s ease;
}
@media only screen and (min-width: 1281px){
    .article .txt-box a:hover,
    .article .link-box a:hover,
    .article .list-box a:hover,
    .article .table-box a:hover,
    .article table a:hover,
    .parts__txt a:hover,
    .parts__list-1 a:hover,
    .parts__list-2 a:hover,
    .parts__list-3 a:hover,
    .parts__list-4 a:hover,
    .parts__list-5 a:hover,
    .parts__list-6 a:hover,
    .parts__accordion dl a:hover,
    .parts__list_group a:hover,
    .article.wisywig a:hover,
    .parts__txt_group a:hover{
        color: #1bb8ce;
    }
}
.article .list-box{
    list-style-type: disc;
    padding-left: 1.4em;
}
.article .list-box li{
    line-height: 2;
}
.article .link-box p{
    line-height: 2;
}
.article .img-box{
    margin-top: 3.75rem;
    margin-bottom: 3.75rem;
    text-align: center;
}
.article .img-box img{
    width: 100%;
}
.article .ex-link::after {
    background-image: url(../img/ico_ex_link_gray.svg);
}
.article .pdf-link::after{
    background-image: url(../img/ico_pdf_gray_min.svg);
}
@media only screen and (max-width: 767px){
    .article .section__page-body {
        padding-top: 3.125rem;
    }
    .article .date {
        margin-bottom: 0.9375rem;
    }
    .article .txt-box p{
        font-size: 1.0625rem;
    }
    .article .page__link-btn{
        margin-top: 2.5rem;
    }
}


/* -- parts
-------------------------------------------------------------------------------- */
.article.wisywig p{
    font-size: 0.9375rem;
    text-align: justify;
    line-height: 2;
}
.parts__midashi-1,
.wisywig h2{
    padding: 5rem 7% 3.75rem;
    font-size: 1.75rem;
    line-height: 1.4;
    letter-spacing: 1px;
    border-bottom: solid 1px rgba(0,0,0,0.07);
}
.parts__midashi-2,
.wisywig h3{
    font-size: 1.75rem;
    line-height: 1.4;
    margin-bottom: 3rem;
    letter-spacing: 1px;
}
.parts__midashi-3,
.wisywig h4{
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: 1px;
    margin-bottom: 1.25rem;
    border-bottom: solid 3px #e5e5e5;
    padding-bottom: 0.625rem;
    position: relative;
}
.parts__midashi-3::after,
.wisywig h4::after{
    content: "";
    display: block;
    width: 25%;
    border-top: solid 3px #2660ad;
    position: absolute;
    bottom: -3px;
    left: 0;
}
.parts__midashi-4,
.wisywig h5{
    font-size: 1rem;
    margin-bottom: 0.4375rem;
}
.wisywig h4{
    margin-top: 3.75rem;
}
.parts__txt{
    font-size: 0.9375rem;
    text-align: justify;
    line-height: 2;
}
.parts__img {
    max-width: 53.75rem;
    margin-left: auto;
    margin-right: auto;
}
.parts__img img{
    width: 100%;
}
.parts__btn-1,
.parts__btn-2{
    display: flex;
    justify-content: center;
}
.parts__btn-1 a,
.parts__btn-2 a{
    display: block;
    font-size: 0.9375rem;
    font-weight: bold;
    padding: 1rem 1.6875rem;
    border-radius: 4rem;
    position: relative;
    overflow: hidden;
    letter-spacing: 1px;
    color: #2e344f;
    border: solid 3px #2e344f;
    box-sizing: border-box;
    transition: color 0.2s ease, background 0.2s ease, border 0.2s ease;
}
@media only screen and (min-width: 1281px){
    .parts__btn-1 a:hover{
        background: #2e344f;
        color: #fff;
    }
}
.parts__btn-2 a{
    color: #fff;
    background: #2e344f;
}
@media only screen and (min-width: 1281px){
    .parts__btn-2 a:hover{
        background: #1bb8ce;
        border-color: #1bb8ce;
    }
}
.parts__block_txt{
    font-size: 0.9375rem;
    font-weight: bold;
    text-align: justify;
    border: solid 3px #2660ad;
    border-radius: 0.625rem;
    padding: 1.25rem 1.875rem;
}
.article.wisywig .parts__block_txt p{
    line-height: 1.6;
}
.parts__list-1,
.parts__list-2,
.parts__list-3,
.parts__list-4,
.parts__list-5,
.parts__list-6{
    font-size: 0.9375rem;
    line-height: 2;
}
.parts__list-1,
.parts__list-3,
.parts__list-4{
    padding-left: 1.5em;
    text-indent: -1.5em;
}
.parts__list-2,
.parts__list-5{
    text-indent: 0;
}
.parts__list-6{
    padding-left: 2.5em;
    text-indent: -2.5em;
}
.parts__list-1 li::before,
.parts__list-3 li::before{
    content: "●";
    margin-right: 0.5em;
    color: #2660ad;
}
.parts__list-3 li::before{
    content: "■";
}
.parts__list-4 span{
    margin-right: 0.5em;
}
.parts__list-6 span{
    display: inline-block;
    width: 2.5em;
    text-indent: 0;
}
.parts__list-2,
.parts__list-5{
    padding-left: 1.4em;
}
.parts__list-2{
    list-style-type: disc;
}
.parts__list-2 li{
    padding-left: 0.1em;
}
.parts__list-5{
    list-style: decimal;
}
.parts__accordion + .parts__accordion{
    margin-top: 1.25rem;
}
.parts__accordion li{
    font-size: 0.9375rem;
    padding: 0.9375rem 1.25rem;
    background: #fafafa;
}
.parts__accordion li:nth-child(odd){
    background: #f0f0f0;
}
.parts__accordion li a{
    transition: 0.1s ease;
}
@media only screen and (min-width: 1281px){
    .parts__accordion li a:hover{
        color: #1bb8ce;
    }
}
.parts__accordion dt{
    font-weight: bold;
    background: #2660ad;
    padding: 1.25rem 1.875rem;
    color: #fff;
    border-radius: 40rem;
    cursor: pointer;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    position: relative;
    transition: background 0.1s ease;
}
.parts__accordion dt::before{
    content: "";
    width: 0.625rem;
    height: 0.625rem;
    border-right: solid 2px;
    border-bottom: solid 2px;
    position: absolute;
    top: 50%;
    right: 2rem;
    margin-top: -0.625rem;
    transform: rotate(45deg);
}
.parts__accordion dt.active::before{
    margin-top: -0.25rem;
    transform: rotate(45deg) scale(-1,-1);
}
@media only screen and (min-width: 1281px){
    .parts__accordion dt:hover{
        background: #1bb8ce;
    }
}
.parts__accordion dd{
    font-size: 0.9375rem;
    line-height: 2;
    text-align: justify;
    padding: 1.875rem 1.875rem 0.625rem;
    display: none;
}
.parts__accordion.qa dt p{
    line-height: 1.4;
}
.parts__accordion.qa dt p,
.parts__accordion.qa dd p{
    position: relative;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}
.parts__accordion.qa .q,
.parts__accordion.qa .a{
    font-size: 1.25rem;
    position: absolute;
    top: -0.25rem;
    left: 0;
    font-weight: bold;
}
.parts__accordion.qa .q{
    top: 50%;
    transform: translateY(-50%);
}
.parts__accordion.qa .a{
    line-height: 2;
    top: -0.3125rem;
    color: #2660ad;
}
.parts__list_group dl + dl{
    margin-top: 1.25rem;
}
.parts__list_group dt{
    font-size: 0.9375rem;
    font-weight: bold;
    padding-bottom: 0.3125rem;
    border-bottom: solid 1px #e5e5e5;
    margin-bottom: 0.9375rem;
}
.parts__list_group dd{
    font-size: 0.875rem;
    line-height: 1.8;
}
.parts__award .parts__award-year{
    background: #2660ad;
    font-weight: bold;
    color: #fff;
    padding: 0.625rem 1.25rem;
    margin-bottom: 2.5rem;
    border-radius: 3px;
}
.parts__award .parts__award-ttl{
    margin-top: 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 1.5625rem;
}
.parts__award .parts__award-ttl a{
    font-size: 0.8125rem;
    font-weight: normal;
    letter-spacing: 0;
    transition: color 0.1s ease;
}
@media only screen and (min-width: 1281px){
    .parts__award .parts__award-ttl a:hover{
        color: #1bb8ce;
    }
}
.parts__award .parts__award-name{
    margin-bottom: 0.625rem;
    color: #2660ad;
}
.parts__award .parts__award-name p{
    font-weight: bold;
    line-height: 1.6;
}
.parts__award .parts__award-name span{
    margin-left: 0.625rem;
}
.parts__award .parts__award-link{
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 1.25rem;
}
.parts__award .parts__award-link a{
    transition: color 0.1s ease;
}
@media only screen and (min-width: 1281px){
    .parts__award .parts__award-link a:hover{
        color: #1bb8ce;
    }
}
.parts__award .parts__award-txt{
    font-size: 0.9375rem;
    line-height: 2;
}
.parts__award .parts__award-block_txt{
    display: flex;
    align-items: center;
    border: solid 3px #e5e5e5;
    padding: 1.5625rem;
    margin-top: 2.5rem;
}
.parts__award .parts__award-block_txt img{
    width: 12.5rem;
}
.parts__award .parts__award-block_txt p{
    font-size: 0.8125rem;
    width: (100% - 12.5rem);
    box-sizing: border-box;
    padding-left: 2.5rem;
    text-align: justify;
    line-height: 1.8;
}
.parts__txt_group{
    display: flex;
    align-items: flex-start;
}
.parts__txt_group .txt-box,
.wisywig .parts__txt_group p{
    width: calc(100% - 17.5rem);
    box-sizing: border-box;
    padding-left: 3.75rem;
}
.parts__txt_group p{
    font-size: 0.9375rem;
    line-height: 2;
    text-align: justify;
}
.parts__txt_group.reverse .txt-box,
.wisywig .parts__txt_group.reverse p{
    padding-left: 0;
    padding-right: 3.75rem;
}
.parts__txt_group img{
    width: 17.5rem;
}
@media only screen and (max-width: 767px){
    .article.wisywig p{
        font-size: 1.0625rem;
    }
    .parts__midashi-1,
    .wisywig h2 {
        font-size: 1.75rem;
        padding-top: 3.125rem;
        padding-bottom: 2.5rem;
    }
    .parts__midashi-2,
    .wisywig h3 {
        font-size: 1.5rem;
        margin-bottom: 3.125rem;
    }
    .parts__midashi-3,
    .wisywig h4{
        font-size: 1.25rem;
    }
    .parts__midashi-4,
    .wisywig h5{
        font-size: 1.0625rem;
    }
    .parts__list-1,
    .parts__list-2,
    .parts__list-3,
    .parts__list-4,
    .parts__list-5,
    .parts__list-6{
        font-size: 1.0625rem;
    }
    .parts__btn-1 a,
    .parts__btn-2 a {
        font-size: 1rem;
        border-width: 2px;
    }
    .parts__block_txt {
        padding: 0.9375rem 1.25rem;
        border-width: 2px;
    }
    .parts__block_txt p {
        font-size: 1rem;
    }
    .parts__accordion dd{
        padding-top: 1.25rem;
        padding-left: 0;
        padding-right: 0;
    }
    .parts__accordion.qa dd p{
        font-size: 1rem;
        padding-right: 0;
    }
    .parts__accordion li {
        font-size: 1rem;
    }
    .parts__txt_group {
        display: block;
    }
    .parts__txt_group .txt-box,
    .wisywig .parts__txt_group p {
        width: 100%;
        padding-left: 0;
    }
    .parts__txt_group.reverse .txt-box,
    .wisywig .parts__txt_group.reverse p {
        padding-right: 0;
    }
    .parts__txt_group img {
        margin-bottom: 2.5rem;
    }
    .parts__txt_group.reverse img {
        margin-top: 2.5rem;
        margin-bottom: 0;
    }
    .parts__txt_group img {
        width: 100%;
    }
    .parts__accordion dt::before{
        width: 6px;
        height: 6px;
        margin-top: -6px;
    }
    .parts__award .parts__award-year {
        margin-bottom: 1.875rem;
    }
    .parts__award .parts__award-ttl a {
        font-size: 0.875rem;
        /* white-space: nowrap; */
        display:block;
        word-break: break-all;
    }
    .parts__award .parts__award-name {
        display: block;
    }
    .parts__award .parts__award-name span {
        display: block;
        margin-left: 0;
    }
    .parts__award .parts__award-block_txt {
        display: block;
        padding: 1.25rem;
        margin-top: 1.875rem;
    }
    .parts__award .parts__award-block_txt p {
        width: 100%;
        padding-left: 0;
        font-size: 1rem;
        margin-top: 0.9375rem;
    }
    .parts__list_group dt {
        font-size: 1.125rem;
    }
    .parts__list_group dd {
        font-size: 1.0625rem;
    }
}
@media only screen and (max-width: 767px){
    .wisywig h4 {
        margin-top: 1.875rem;
    }
}


/* -- content_page document
-------------------------------------------------------------------------------- */
@media only screen and (max-width: 767px){
    .content_page.document .list__table{
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
    }
    .content_page.document .list__table table{
        min-width: 560px;
    }
}


/* -- sp-sales-wrap
-------------------------------------------------------------------------------- */
@media only screen and (max-width: 767px){
    .section__page-body.list__table__sp-card-pricelist .section__inner.sp-sales-wrap {
        background: #eee;
        padding: 2.5rem 5%;
    }
    .sp-sales__list{
        background: #fff;
        padding: 1.5625rem;
    }
    .sp-sales__list dl{
    }
    .sp-sales__list dl + dl{
        border-top: solid 1px #e5e5e5;
        padding-top: 1.25rem;
        margin-top: 1.25rem;
    }
    .sp-sales__list dt{
        font-size: 1.125rem;
        box-sizing: border-box;
        padding-right: 1.25rem;
        margin-bottom: 0.625rem;
    }
    .sp-sales__list dt .ex-link::after{
        margin-right: 0;
        transform: translate(0);
    }
    .sp-sales__list dd{
        font-size: 0.875rem;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }
    .sp-sales__list dd p span{
        display: inline-block;
        width: 6em;
        color: #999;
    }
}


/* -- footer
-------------------------------------------------------------------------------- */
footer .footer__inner{
    padding: 0 7%;
}
footer .footer__head{
    background: #1f2436;
    padding: 3.75rem 0;
}
footer .footer__head .footer__head-title{
    font-size: 1.25rem;
    margin-bottom: 1.875rem;
    color: #fff;
    text-align: center;
    letter-spacing: 1px;
}
footer .footer__head ul{
    display: flex;
    justify-content: center;
    margin: 0 -0.9375rem;
}
footer .footer__head li{
    flex: 1;
    font-size: 0.9375rem;
    box-sizing: border-box;
    padding: 0 0.9375rem;
}
footer .footer__head li a{
    display: block;
    padding: 0 1.875rem;
    line-height: 3.75rem;
    color: #fff;
    background: #2e344f;
    text-align: center;
    white-space: nowrap;
    border-radius: 1.875rem;
    transition: color 0.2s ease, background 0.2s ease;
}
@media only screen and (min-width: 1281px){
    footer .footer__head li a:hover{
        background: #373f5f;
    }
}
footer .footer__body{
    background: #f5f5f5;
    padding: 3.75rem 0;
}
footer .footer__body .footer__inner{
    display: flex;
}
footer .footer__body .footer__inner > ul{
    width: 20%;
}
footer .footer__body .footer__inner > ul > li{
    font-size: 0.9375rem;
    font-weight: bold;
}
footer .footer__body .footer__inner > ul > li + li{
    margin-top: 1em;
}
footer .footer__body .sub__nav{
    margin-top: 1.25rem;
}
footer .footer__body .sub__nav li{
    font-size: 0.8125rem;
}
footer .footer__body .sub__nav li + li{
    margin-top: 1em;
}
footer .footer__body .footer__inner a{
    transition: color 0.1s ease;
}
@media only screen and (min-width: 1281px){
    footer .footer__body .footer__inner a:hover{
        color: #1bb8ce;
    }
}
footer .footer__sublink{
    background: #f5f5f5;
    padding: 1.875rem 0;
    position: relative;
}
footer .footer__sublink ul{
    display: flex;
}
footer .footer__sublink li {
    font-size: 0.8125rem;
}
footer .footer__sublink li + li {
    margin-left: 1.5625rem;
}
footer .page-top {
    display: block;
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: 7%;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background 0.2s ease;
}
footer .page-top span {
    display: block;
    width: 1rem;
    height: 1rem;
    background: url(../img/ico_arrow.svg) no-repeat center;
    background-size: cover;
    transform: rotate(-90deg);
    transition: background 0.1s ease;
}
@media only screen and (min-width: 1281px){
    footer .page-top:hover {
        background: #373f5f;
    }
    footer .page-top:hover span {
        background-image: url(../img/ico_arrow_w.svg);
    }
}
footer .footer__info {
    padding: 1.875rem 0;
}
footer .footer__info .footer__inner{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
footer .footer__info .info{
    font-size: 0.75rem;
    line-height: 1.8;
}
footer .footer__info .copyright{
    font-size: 0.75rem;
    color: #999;
}
@media only screen and (max-width: 767px){
    footer .footer__head{
        padding: 2.5rem 0;
    }
    footer .footer__head .footer__head-title {
        margin-bottom: 1.25rem;
    }
    footer .footer__head ul{
        display: block;
        margin: 0;
    }
    footer .footer__head li{
        font-size: 1rem;
        padding: 0;
    }
    footer .footer__head li + li{
        margin-top: 0.9375rem;
    }
    footer .footer__body {
        padding: 2.5rem 0;
    }
    footer .footer__body .footer__inner > ul{
        display: none;
    }
    footer .footer__body .footer__inner > ul.footer__inner-sp{
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin-top: -1em;
    }
    footer .footer__body .footer__inner > ul > li{
        width: 50%;
        margin-top: 1em;
    }
    footer .footer__body .footer__inner > ul > li a{
        white-space: nowrap;
    }
    footer .footer__inner {
        padding: 0 5%;
    }
    footer .footer__sublink {
        padding: 0 0 2.5rem;
    }
    footer .footer__sublink ul {
        flex-wrap: wrap;
        margin-top: -0.5em;
    }
    footer .footer__sublink li {
        width: 50%;
        margin-top: 0.5em;
        font-size: 0.875rem;
        white-space: nowrap;
    }
    footer .footer__sublink li.wide {
        width: 100%;
    }
    footer .footer__sublink li + li{
        margin-left: 0;
    }
    footer .footer__info .footer__inner{
        display: block;
    }
    footer .page-top {
        position: absolute;
        top: auto;
        bottom: 0.625rem;
        right: 0.625rem;
        transform: none;
    }
    footer .footer__info {
        padding: 1.5625rem 0 2.5rem;
    }
    footer .footer__info .info{
        line-height: 1.8;
    }
    footer .footer__info .copyright {
        margin-top: 1.25rem;
    }
}

@media only screen and (max-width: 350px){
    header .logo .img{
        height: 18px;
    }
}


/* レポート一覧の幅 */
.report_index_page .section__page-body .section__inner {
    margin: 0 auto;
    max-width: 1400px;
}

/*** お気に入りのポップアップ */
.favorite-toaster {
    display: none;
    position: fixed;
    max-width: 300px;
    top: 40%;
    left: 0;
    right: 0;
    bottom: auto;
    margin: auto;
    background-color: rgba(0, 0, 0, 0.5);
    color: #ffffff;
    z-index: 1;
}

@media only screen and (min-width: 767px) {
    .favorite-toaster {
        max-width: 370px;
        width: 370px;
        /*ie*/
    }
}

.favorite-toaster {
    opacity: 0;
    -webkit-transition: opacity 0.25s linear;
    -o-transition: opacity 0.25s linear;
    transition: opacity 0.25s linear;
}

.favorite-toaster.in {
    opacity: 1;
    -webkit-transition: opacity 0.25s linear;
    -o-transition: opacity 0.25s linear;
    transition: opacity 0.25s linear;
}

.favorite-toaster__content {
    padding: 15px 15px;
}

@media only screen and (min-width: 767px) {
    .favorite-toaster__content {
        padding: 25px 20px;
    }
}
.margin-vert-0px {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* body html.font__size-big header,
html.font__size-big header,
html.font__size-big header .header__inner,
html.font__size-big .header__inner .search__form-input,
html.font__size-big .breadcrumb li {
    font-size: 12px;
    max-height: 100%;
}

html.font__size-big nav .nav__list > li > a {
    font-size: 15px;
}

html.font__size-big .header__link a {
    font-size: 13px;
} */

@media only screen and (max-width: 767px) {
    .parts__award .parts__award-ttl {
        display: block;
    }
    .parts__award .parts__award-ttl a:first-child {
        margin-bottom: 1rem;
    }
}

/*** 追加 */
.article.wisywig .parts__btn-1 a {
    color: #000;
    text-decoration: none;
}
@media only screen and (min-width: 1281px){
    .article.wisywig .parts__btn-1 a:hover {
        background: #2e344f;
        color: #FFF;
    }
}
.article.wisywig .page__link-btn a,
.article.wisywig .parts__btn-2 a {
    color: #fff;
    text-decoration: none;
}
.article.wisywig .tab.faq li a {
    color: #262626;
    text-decoration: none;
}
.article.wisywig .tab.faq li a.active {
    color: #FFF;
}
.article.wisywig .company__list.privacy a {
    color: #262626;
    text-decoration: none;
}
.company__list.privacy li {
    width: 50%;
}
@media only screen and (max-width: 767px){
    .company__list.privacy li {
        width: auto;
    }
}
.article .movie__close-btn a {
    text-decoration: none;
    color: #fff;
}