@charset 'UTF-8';

/*===========================================
icon
===========================================*/
.service_lineup .list li li a,
.campaign .link a,
.news_release .link a{
position: relative;
padding-left: 1em;
}
.contentHead .ncttplus .login span:after,
.contentHead .vi .bx-prev:after,
.contentHead .vi .bx-next:after,
.service_lineup .list li li a:before,
.campaign .link a:before,
.news_release .link a:before,
.sp .news_release .list dd a:after{
content: "";
display: block;
position: absolute;
top: 0.1em;
left: 0;
width: 1em;
height: 1em;
margin: auto 0;
background-image: url(../common/img/icons.png);
background-repeat: no-repeat;
background-size: 10em;
}
/*===========================================

===========================================*/
.ttl_01{
font-size: 3rem;
line-height: 1.4;
text-align: center;
}
.ttl_01 > span{
display: inline-block;
}
.ttl_01_sub{
display: block;
font-size: 1.6rem;
color: #fe6b01;
}
/*===========================================
urgency
===========================================*/
.urgency{
background-color: #DDD;
}
.urgency .inner{
max-width: 1024px;
margin: auto;
padding: 30px 0;
}
.urgency .info{
border: 1px solid #e60019;
background: #e60019;
}
.urgency .info dl{
display: table;
width: 100%;
font-size: 0;
}
.urgency .info dl > *{
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
}
.urgency .info dt{
width: 16%;
padding: 1em 0 1em 0;
color: #FFF;
font-weight: bold;
white-space: nowrap;
background: #e60019;
text-align: center;
}
.urgency .info dt a{
box-sizing: border-box;
display: block;
position: relative;
width: 9em;
margin: 5px auto 0 auto;
padding: 3px 0.5em 2px 0.5em;
color: #000;
font-size: 1.2rem;
font-weight: bold;
text-decoration: none;
border-radius: 3px;
background-color: #fcfcfc;
background-image: linear-gradient(0deg, #FFF 0%, #EEE 100%);
}
.urgency .info dt a:after{
transform: rotate(45deg);
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 6px;
width: 3px;
height: 3px;
margin: auto;
border-top: 1px solid #8099e3;
border-right: 1px solid #8099e3;
}
.urgency .info dd{
width: 84%;
height: 92px;
overflow: auto;
position: relative;
padding: 0.75em 4em 0.75em 1.5em;
background-color: #FFF;
}
.urgency .info dd p + p{
margin-top: 0.33em;
}
.urgency .info dd .all{
position: absolute;
right: 1em;
bottom: 1em;
}
.urgency .info > p{
    display: none;
}
.urgency ul{
margin-top: 1em;
}
/*===========================================
contentHead
===========================================*/
.contentHead{
background-color: #f8f6ec;
}
.contentHead .inner{
max-width: 1024px;
margin: auto;
padding: 30px 0 12px;
}
.contentHead .inner:after{
content: "";
display: block;
clear: both;
}
.contentHead .vi{
float: left;
width: 730px;
height: 390px;
/* overflow: hidden; */
}
.contentHead .vi img{
width: 100%;
}
.contentHead .vi .bx-wrapper{
position: relative;
}
.contentHead .vi .bx-viewport{
height: auto !important;
}
.contentHead .vi .bx-pager{
position: absolute;
bottom: -39px;
left: 50%;
overflow: hidden;
transform: translateX(-50%);
}
.contentHead .vi .bx-pager > div{
	float: left;
}
.contentHead .vi .bx-pager > div a{
display: block;
margin: 0 0.75em 0 0;
width: 1em;
height: 1em;
border-radius: 50%;
text-indent: -9999px;
background-color: #c9c9c9;
overflow: hidden;
}
.contentHead .vi .bx-pager > div a.active{
background-color: #fe6b00;
}
.contentHead .vi .bx-prev,
.contentHead .vi .bx-next{
position: absolute;
top: 0;
bottom: 0;
width: 38px;
height: 38px;
text-indent: -9999px;
overflow: hidden;
margin: auto;
}
.contentHead .vi .bx-prev{
left: 0;
}
.contentHead .vi .bx-next{
right: 0;
}
.contentHead .vi .bx-prev:after,
.contentHead .vi .bx-next:after{
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
font-size: 3rem;
background-position: -3em -1em;
}
.contentHead .vi .bx-prev:after{
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.contentHead .right{
float: right;
width: 270px;
margin-top: -18px;
}
.sp .contentHead .right{
margin-top: auto;
}

/* gen_ncttplus */
.contentHead .gen_ncttplus dl{
border: none;
border-top: 2px solid #ed7500;
padding: 15px 0;
}
.contentHead .gen_ncttplus dt img{
max-width: 170px;
}
.contentHead .gen_ncttplus .login{
margin-top: 10px;
}
.contentHead .gen_ncttplus .login a{
height: 45px;
font-size: 20px;
}
.contentHead .gen_ncttplus .btn_type_simple{
margin-top: 7px;
}
.sp .contentHead .gen_ncttplus dl{
padding: 20px 0;
}
.sp .contentHead .gen_ncttplus dt img{
width: 66%;
max-width: 396px;
}
.sp .contentHead .gen_ncttplus .login{
margin-top: 15px;
}
.sp .contentHead .gen_ncttplus .login a{
height: 70px;
font-size: 28px;
}
.sp .contentHead .gen_ncttplus .btn_type_simple{
margin-top: 10px;
}

/* gen_fund */
.contentHead .gen_fund{
margin-top: 0;
}
.contentHead .gen_fund dl{
border: none;
border-top: 2px solid #91408b;
padding: 15px 0;
}
.contentHead .gen_fund dt img{
  max-width: 215px;
}
.contentHead .gen_fund .btn_type_simple{
margin-top: 7px;
}
.sp .contentHead .gen_fund{
  margin-top: 15px;
}
.sp .contentHead .gen_fund dl{
padding: 20px 0;
}
.sp .contentHead .gen_fund dt img{
width: 86%;
max-width: 470px;
}
.sp .contentHead .gen_fund .btn_type_simple{
margin-top: 10px;
}

/* gen_online */
.contentHead .gen_online{
margin-top: 0;
}
.contentHead .gen_online dl{
border: none;
border-top: 2px solid #2e4ba7;
padding: 15px 0;
}
.contentHead .gen_online dt img{
max-width: 170px;
}
.contentHead .gen_online .page_link{
margin-top: 10px;
}
.contentHead .gen_online .page_link a{
height: 45px;
font-size: 17px;
}
.contentHead .gen_online .btn_type_simple{
margin-top: 7px;
}
.sp .contentHead .gen_online{
margin-top: 15px;
}
.sp .contentHead .gen_online dl{
padding: 20px 0;
}
.sp .contentHead .gen_online dt img{
width: 66%;
max-width: 396px;
}
.sp .contentHead .gen_online .page_link{
margin-top: 15px;
}
.sp .contentHead .gen_online .page_link a{
height: 70px;
font-size: 20px;
}
.sp .contentHead .gen_online .btn_type_simple{
margin-top: 10px;
}

/*===========================================
market_information
===========================================*/
.market_information{
	background-color: #fafafa;
	}
.market_information .inner{
max-width: 1024px;
margin: auto;
padding: 55px 0;
}
.market_information .list{
margin-top: 45px;
overflow: hidden;
}
.market_information .list li{
float: left;
max-width: 241px;
width: 100%;
margin-right: 20px;
overflow: hidden;
}
.market_information .list li:nth-of-type(4n){
margin-right: 0px;
}
.market_information .list a{
display: block;
text-decoration: none;
background-color: #FFF;
}
.market_information .list figcaption{
padding: 0.5em;
font-size: 1.8rem;
color: #2e4ba7;
font-weight: bold;
text-align: center;
}
.market_information .list a:hover{
opacity: 0.75;
}
.market_information .list a:hover figcaption{
text-decoration: underline;
}
.market_information .list img{
position: relative;
left: calc(100% / 2 - 328px/2);
width: 328px;
}

/*===========================================
pickup_items
===========================================*/
.pickup_items{
background-color: #fafafa;
}
.pickup_items .inner{
box-sizing: border-box;
position: relative;
max-width: 1024px;
margin: auto;
padding: 55px 30px;
overflow: hidden;
}
.pickup_items .ttl_01{
font-size: 2.4rem;
}
.pickup_items .list{
margin-top: 30px;
overflow: auto;
}
.pickup_items .list li + li{
margin-top: 1em;
}
.pickup_items .list .icon{
display: inline-block;
padding: 2px 0.5em 1px 0.5em;
font-size: 1.2rem;
color: #FFF;
background-color: #ff6b00;
}
.pickup_items .list a{
color: #2e4ba7;
}
.pickup_items .list dd{
margin-top: 6px;
}

/*===========================================
campaign
===========================================*/
.campaign{
background-color: #FFF;
}
.campaign .inner{
box-sizing: border-box;
position: relative;
max-width: 1024px;
margin: auto;
padding: 55px 30px;
overflow: hidden;
}
.campaign .ttl_01{
font-size: 2.4rem;
}
.campaign .list{
margin-top: 30px;
overflow: auto;
}
.campaign .list li{
box-sizing: border-box;
display: table;
width: 100%;
padding: 30px 0;
overflow: hidden;
}
.campaign .list li + li{
border-top: 1px dotted #DDD;
}
.campaign .list a{
display: table-cell;
position: relative;
height: 120px;
color: #333;
text-decoration: none;
vertical-align: middle;
}
.campaign .list img{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
display: inline-block;
border: 1px solid #d3d3d3;
vertical-align: middle;
}
.campaign .list figcaption{
padding-left: 160px;
font-size: 1.6rem;
font-weight: bold;
}
.campaign .list p{
padding-left: 160px;
margin-top: 6px;
}
.campaign .list a:hover img{
opacity: 0.75;
}
.campaign .list a:hover figcaption{
text-decoration: underline;
}
.campaign .link{
margin-top: 2em;
text-align: right;
}
.campaign .link a{
padding-left: 1.25em;
}
.campaign .link a:before{
background-position: -1em 0;
}

/*===========================================
customers
===========================================*/
.customers{
background-color: #f9e5c6;
}
.customers .inner{
max-width: 1024px;
margin: auto;
padding: 55px 0;
}
.customers .txt{
margin-top: 55px;
}
.customers .txt p{
text-align: center;
}
.customers .list{
display: flex;
justify-content: space-between;
margin-top: 45px;
}
.customers .list li{
box-sizing: border-box;
width: 315px;
height: 315px;
border: 2px solid #fe6b00;
border-radius: 50%;
padding-top: 190px;
font-size: 19px;
line-height: 1.4;
font-weight: bold;
text-align: center;
background-position: center 55px;
background-repeat: no-repeat;
background-color: #FFF;
}
.customers .list li:nth-of-type(1){
background-image: url(../img/customers_ico_01.png);
}
.customers .list li:nth-of-type(2){
background-image: url(../img/customers_ico_02.png);
}
.customers .list li:nth-of-type(3){
background-image: url(../img/customers_ico_03.png);
}
.customers .btn_type_active{
margin: 45px auto 0 auto;
width: 34em;
}
.customers .btn_type_active a{
font-size: 2rem;
text-align: center;
}
.customers .btn_type_simple{
margin: 30px auto 0 auto;
width: 20em;
}
.customers .btn_type_simple a{
text-align: center;
}

/*===========================================
fiduciaryduty
===========================================*/
.fiduciaryduty{
background-color: #FFF;
}

.fiduciaryduty{
padding: 55px 0 0 0;
}
.fiduciaryduty .btn p{
display: table;
margin-left: auto;
margin-right: auto;
border-collapse: separate;
}
.fiduciaryduty .btn a.icon_blank:after {
background-position: -1em -6em;
}
.fiduciaryduty .btn a{
padding: 1em 0.5em;
font-size: 1.8rem;
text-align: center;
}

.sp .fiduciaryduty{
padding: 0;
}
.sp .fiduciaryduty .btn p{
width: 100%;
max-width: 34em;
}
.sp .fiduciaryduty .inner {
padding: 2em 10px 0 10px;
}
.sp .fiduciaryduty .btn a{
padding: 0.5em 1em;
font-size: 1.7rem;
line-height: 1.4;
}

/*===========================================
protection_sheet
===========================================*/
.protection_sheet{
background-color: #FFF;
padding: 30px 0 0 0;
}
.protection_sheet .btn_type_active{
width: 23em;
}
.protection_sheet .btn_type_active a{
text-align: center;
padding-left: 2em;
}
.sp .protection_sheet{
padding: 1em 10px 0 10px;
}
.sp .protection_sheet .btn_type_active{
width: 100%;
}

/*===========================================
Item_lineup
===========================================*/
.Item_lineup{
background-color: #FFF;
}
.Item_lineup .inner{
max-width: 1024px;
margin: auto;
padding: 55px 0;
}
.Item_lineup .list{
width: 100%;
overflow: hidden;
}
.Item_lineup .list ul{
display: flex;
justify-content: center;
flex-wrap: wrap;

width: 1044px;
padding-top: 20px;
}
.Item_lineup li{
display: table;
float: left;
width: 188px;
margin: 20px 20px 0 0;
}
.Item_lineup li a{
box-sizing: border-box;
display: table-cell;
position: relative;
height: 110px;
border: 1px solid #DDD;
border-radius: 4px;
padding: 55px 0.5em 0 0.5em;
font-size: 1.8rem;
color: #333;
text-align: center;
vertical-align: middle;
text-decoration: none;
background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
background: linear-gradient(#FFF, #EEE);
}
.Item_lineup li a:hover{
opacity: 0.75;
}
.Item_lineup li a:before{
content: "";
display: block;
position: absolute;
width: 58px;
height: 46px;
top: 13px;
left: 0;
right: 0;
margin: auto;
background: url(../common/img/lineup_icon.png) no-repeat;
background-size: 580px;
}
.Item_lineup li.domestic_investment a:before{
background-position: 0 0;
}
.Item_lineup li.domestic_stock a:before{
background-position: -58px 0;
}
.Item_lineup li.international_stock a:before{
background-position: -116px 0;
}
.Item_lineup li.structured_bond a:before{
background-position: -174px 0;
}
.Item_lineup li.international_investment a:before{
background-position: -232px 0;
}
.Item_lineup li.international_bond a:before{
background-position: -290px 0;
}
.Item_lineup li.domestic_bond a:before{
background-position: -348px 0;
}
.Item_lineup li.fundwrap a:before{
background-position: -406px 0;
}
.Item_lineup li.insurance a:before{
background-position: -464px 0;
}
.Item_lineup li.nisa a:before{
background-position: -522px 0;
}
.Item_lineup li.fundwrap a{
padding-top: 57px;
line-height: 1.4;
}

/*===========================================
service_lineup
===========================================*/
.service_lineup .inner{
max-width: 1024px;
margin: auto;
padding: 55px 0;
}
.service_lineup .list{
overflow: hidden;
margin-top: 45px;
}
.service_lineup .list > li{
box-sizing: border-box;
float: left;
width: 328px;
margin-right: 20px;
border: 1px solid #DDD;
border-radius: 4px;
overflow: hidden;
}
.service_lineup .list > li:nth-of-type(3n){
margin-right: 0;
}
.service_lineup .list li.plus{
background-color: #fdf2e5;
}
.service_lineup .list li.fund{
background-color: #f5ecf5;
}
.service_lineup .list li.tv{
background-color: #e9f5e9;
}
.service_lineup .list > li > span{
display: block;
padding: 1em 0;
text-align: center;
background-color: #FFF;
}
.service_lineup .list > li img{
display: block;
width: 100%;
max-width: 220px;
margin: 0.5em auto 0 auto;
}
.service_lineup .list > li.plus > span{
border-top: 2px solid #ec7c00;
}
.service_lineup .list > li.fund > span{
border-top: 2px solid #92408c;
}
.service_lineup .list > li.tv > span{
border-top: 2px solid #15601b;
}
.service_lineup .list li div{
padding: 0.5em 0.75em 1em 0.75em;
}
.service_lineup .list li ul:after{
content: "";
display: block;
clear: both;
}
.service_lineup .list li li{
box-sizing: border-box;
float: left;
width: 50%;
margin-top: 0.5em;
padding-right: 0.66em;
}
.service_lineup .list li li:nth-of-type(odd){
clear: both;
}
.service_lineup .list li li a{
display: inline-block;
font-size: 1.25rem;
color: #2e4ba7;
border: none;
padding-left: 1.15em;
}
.service_lineup .list li.plus li a:before{
background-position: -1em 0;
}
.service_lineup .list li.fund li a:before{
background-position: -2em 0;
}
.service_lineup .list li.tv li a:before{
background-position: -3em 0;
}

/*===========================================
news_release
===========================================*/
.news_release{
background-color: #fafafa;
}
.news_release .inner{
max-width: 1024px;
margin: auto;
padding: 55px 0;
}
.news_release .list{
margin-top: 45px;
}
.news_release .list dt{
float: left;
padding: 1em 0;
white-space: nowrap;
}
.news_release .list dd{
border-bottom: 1px dotted #DDD;
padding: 1em 0 1em 9em;
}
.news_release .list a{
color: #333;
text-decoration: none;
}
.news_release .list a:hover{
text-decoration: underline;
}
.news_release .link{
margin-top: 2em;
text-align: right;
}
.news_release .link a{
padding-left: 1.25em;
}
.news_release .link a:before{
background-position: -1em 0;
}

/*===========================================
nnfh
===========================================*/
.nnfh{
background-color: #FFF;
}
.nnfh .inner{
max-width: 1024px;
margin: auto;
padding: 55px 0;
}
.nnfh h3{
text-align: center;
}
.nnfh h3 a:hover{
opacity: 0.75;
}
.nnfh h3 img{
width: 100%;
max-width: 438px;
}
.nnfh .group ul{
margin-top: 10px;
overflow: hidden;
}
.nnfh .group li{
float: left;
width: 238px;
margin: 30px 24px 0  0;
}
.nnfh .group li:nth-of-type(4n){
margin-right: 0;
}
.nnfh .group li a{
display: block;
border: 1px solid #DDD;
}
.nnfh .group li a:hover{
opacity: 0.75;
}
.nnfh .group li img{
display: block;
width: 100%;
}
.nnfh .relation{
margin-top: 10px;
overflow: hidden;
}
.nnfh .group + .relation{
margin-top: 40px;
border-top: 1px dotted #DDD;
padding-top: 10px;
}
.nnfh .relation .left{
width: 762px;
float: left;
}
.nnfh .relation .right{
width: 238px;
float: right;
}
.nnfh .relation ul{
overflow: hidden;
}
.nnfh .relation li{
float: left;
width: 238px;
margin: 30px 24px 0  0;
}
.nnfh .relation li:nth-of-type(3n){
margin-right: 0;
}
.nnfh .relation li a{
display: block;
border: 1px solid #DDD;
}
.nnfh .relation li a:hover{
opacity: 0.75;
}
.nnfh .relation li img{
display: block;
width: 100%;
}
.nnfh .relation li.icon .icon_innner{
position: relative;
padding-top: 27.97%;
}
.nnfh .relation li.icon .flex{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
justify-content: space-around;
align-items: center;
width: 100%;
}
.nnfh .relation li.icon .flex > *{
height: 100%;
flex-basis: 50%;
text-align: center;
}
.nnfh .relation li.icon .flex a{
display: inline;
border: none;
}
.nnfh .relation li.icon img{
display: inline-block;
max-width: 100%;
width: auto;
height: 100%;
margin: auto;
}
.nnfh .relation.clm1 li:nth-of-type(3n){
  margin-right: 24px;
}
.nnfh .relation.clm1 li:nth-of-type(4n){
  margin-right: 0;
}

/*===========================================
sp
===========================================*/
.sp .ttl_01 {
    font-size: 2.65rem;
}
/*===========================================
urgency
===========================================*/
.sp .urgency .inner{
padding: 1em 10px;
}
.sp .urgency .info dl{
display: none;
}
.sp .urgency .info p{
display: block;
margin: 0;
padding: 1.5em 1em;
font-size: 1.6rem;
color: #FFF;
font-weight: bold;
text-align: center;
}
.sp .urgency .info p a{
color: #FFF;
}
.sp .urgency ul {
display: none;
}
/*===========================================
contentHead
===========================================*/
.sp .contentHead .inner{
padding: 0;
}
.sp .contentHead .vi {
float: none;
width: auto;
height: auto;
border-bottom: 1px solid #DDD;
background-color: #FFF;
overflow: hidden;
}
.sp .contentHead .vi .bx-pager{
position: static;
padding: 1em 0;
text-align: center;
line-height: 1;
bottom: 20px;
left: 20px;
transform: none;
}
.sp .contentHead .vi .bx-pager > div {
float: none;
display: inline-block;
vertical-align: top;
}
.sp .contentHead .bx-prev,
.sp .contentHead .bx-next{
display: none;
}
.sp .contentHead .right {
float: none;
width: auto;
padding: 10px;
}
.sp .contentHead .ncttplus {
margin-top: 10px;
}
.sp .contentHead .fund {
margin-top: 10px;
}
/*===========================================
market_information
===========================================*/
.sp .market_information .inner{
padding: 2em 10px;
}
.sp .market_information .list {
    margin-top: 2em;
}
.sp .market_information .list li{
float: none;
max-width: 600px;
margin: 0 auto;
}
.sp .market_information .list li + li{
margin-top: 2em;
}
.sp .market_information .list img{
position: static;
width: 100%;
}

/*===========================================
pickup_items
===========================================*/
.sp .pickup_items .inner {
padding: 2em 10px;
}
.sp .pickup_items .inner:after {
content: normal;
}
.sp .pickup_items{
width: auto;
float: none;
}
.sp .pickup_items .list{
margin-top: 2em;
padding: 0;
}
.sp .pickup_items .list li{
border: 1px solid #EEE;
padding: 1em;
background-color: #FFF;
}
.sp .pickup_items .list figure{
overflow: hidden;
}
.sp .pickup_items .list img{
position: static;
max-width: 59px;
margin-right: 1em;
vertical-align: middle;
}
.sp .pickup_items .list figcaption{
display: inline-block;
float: none;
max-width: calc(100% - 85px);
width: auto;
padding: 0;
vertical-align: middle;
}
.sp .pickup_items .list p{
clear: both;
float: none;
width: auto;
margin-top: 1em;
padding: 0;
}

/*===========================================
campaign
===========================================*/
.sp .campaign .inner {
padding: 2em 10px;
}
.sp .campaign .inner:after {
content: normal;
}
.sp .campaign{
width: auto;
float: none;
}
.sp .campaign .list{
margin-top: 2em;
padding: 0;
}
.sp .campaign .list li{
border: 1px solid #EEE;
padding: 0;
background-color: #FFF;
}
.sp .campaign .list li + li{
margin-top: 1em;
}
.sp .campaign .list li a{
padding: 1em;
}
.sp .campaign .list figure{
overflow: hidden;
}
.sp .campaign .list img{
position: static;
max-width: 59px;
margin-right: 1em;
vertical-align: middle;
}
.sp .campaign .list figcaption{
display: inline-block;
float: none;
max-width: 68%;
max-width: calc(100% - 85px);
width: auto;
padding: 0;
vertical-align: middle;
}
.sp .campaign .list p{
clear: both;
float: none;
width: auto;
margin-top: 1em;
padding: 0;
}
/*===========================================
customers
===========================================*/
.sp .customers .inner{
padding: 2em 10px;
}
.sp .customers .txt img{
width: 100%;
max-width: 414px;
}
.sp .customers .txt{
margin: 2em 1em 0 1em;
}
.sp .customers .list{
display: block;
margin-top: 1em;
text-align: center;
}
.sp .customers .list li{
display: inline-block;
width: 45vw;
height: 45vw;
max-width: 150px;
max-height: 150px;
padding-top: 80px;
font-size: 1.2rem;
line-height: 1.2;
background-position: center 20px;
background-size: 85px;
}
.sp .customers .list li:first-child{
display: block;
position: relative;
top: 1em;
margin: auto;
}
.sp .customers .btn_type_active {
margin-top: 2em;
width: 100%;
max-width: 34em;
}
.sp .customers .btn_type_active a {
padding: 1em 1.5em;
font-size: 1.7rem;
font-weight: bold;
}
.sp .customers .btn_type_active a:before{
right: 0.25em;
}
.sp .customers .btn_type_active span{
display: inline-block;
}
.sp .customers .btn_type_simple {
width: 86%;
max-width: 20em;
margin-top: 1em;
}

/*===========================================
Item_lineup
===========================================*/
.sp .Item_lineup .inner{
padding: 2em 10px;
}
.sp .Item_lineup .list ul{
display: block;
width: auto;
padding-top: 1.5em;
}
.sp .Item_lineup li{
float: none;
width: 49%;
width: calc(50% - 0.5em);
margin: 1em 0 0 0;
}
.sp .Item_lineup li:nth-of-type(odd){
float: left;
}
.sp .Item_lineup li:nth-of-type(even){
float: right;
}
.sp .Item_lineup li a{
height: 90px;
padding: 48px 0.5em 0.5em 0.5em;
font-size: 1.6rem;
}
.sp .Item_lineup li a:before{
width: 40px;
height: 32px;
top: 12px;
background-size: 400px;
}
.sp .Item_lineup li.domestic_investment a:before{
background-position: 0 0;
}
.sp .Item_lineup li.domestic_stock a:before{
background-position: -40px 0;
}
.sp .Item_lineup li.international_stock a:before{
background-position: -80px 0;
}
.sp .Item_lineup li.structured_bond a:before{
background-position: -120px 0;
}
.sp .Item_lineup li.international_investment a:before{
background-position: -160px 0;
}
.sp .Item_lineup li.international_bond a:before{
background-position: -200px 0;
}
.sp .Item_lineup li.domestic_bond a:before{
background-position: -240px 0;
}
.sp .Item_lineup li.fundwrap a:before{
background-position: -280px 0;
}
.sp .Item_lineup li.insurance a:before{
background-position: -320px 0;
}
.sp .Item_lineup li.nisa a:before{
background-position: -360px 0;
}
.sp .Item_lineup li.fundwrap a{
font-size: 1.6rem;
line-height: 1.3;
}

/*===========================================
service_lineup
===========================================*/
.sp .service_lineup .inner{
padding: 2em 10px;
}
.sp .service_lineup .list{
margin-top: 2.5em;
}
.sp .service_lineup .list > li{
float: none;
width: auto;
margin: 1em 0 0 0;
}
.sp .service_lineup .list > li:nth-of-type(3n){
margin-right: 0;
}
.sp .service_lineup .list img{
display: block;
width: 72.5%;
max-width: 280px;
}
.sp .service_lineup .list li ul{
height: auto !important;
}

/*===========================================
news_release
===========================================*/
.sp .news_release .inner{
padding: 2em 10px;
}
.sp .news_release .list {
margin-top: 2em;
}
.sp .news_release .list li{
position: relative;
}
.sp .news_release .list dt{
position: absolute;
top: 1em;
padding: 0;
}
.sp .news_release .list dd{
padding: 0;
}
.sp .news_release .list dd a{
display: block;
position: relative;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: 2.5em 2.25rem 1em 0;
}
.sp .news_release .list dd a:after{
content: "";
right: 0;
left: auto;
top: 0;
bottom: 0;
margin: auto;
border: none;
padding: 0;
font-size: 2rem;
background-position: -3em  -1em;
background-color: transparent;
}
.sp .news_release .link{
display: table;
width: 15em;
margin: 1.5em auto 0 auto;
border-collapse: separate;
}
.sp .news_release .link a{
display: table-cell;
position: relative;
border: 1px solid #DDD;
border-radius: 4px;
padding: 0.66em 1em;
font-size: 1.6rem;
color: #333;
text-align: center;
text-decoration: none;
vertical-align: middle;
background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#ececec));
background: linear-gradient(#FFF, #ececec);
}
.sp .news_release .link a:before{
top: 0;
bottom: 0;
right: 0.5em;
left: auto;
background-position: -3em -1em;
}

/*===========================================
nnfh
===========================================*/
.sp .nnfh .inner{
padding: 2em 10px 4em 10px;
}
.sp .nnfh .group{
max-width: 590px;
margin-left: auto;
margin-right: auto;
}
.sp .nnfh .group ul {
margin-top: 1em;
}
.sp .nnfh .group li {
width: 49%;
width: calc(50% - 0.5em);
margin: 1em 0 0 0;
}
.sp .nnfh .group li:nth-of-type(odd){
float: left;
}
.sp .nnfh .group li:nth-of-type(even){
float: right;
}
.sp .nnfh .relation{
margin-top: 2em;
padding-top: 1em;
}
.sp .nnfh .relation .left,
.sp .nnfh .relation .right{
float: none;
width: auto;
max-width: 590px;
margin-left: auto;
margin-right: auto;
}
.sp .nnfh .relation li {
float: none;
width: 49%;
width: calc(50% - 0.5em);
margin: 1em 0 0 0;
}
.sp .nnfh .relation .left li:nth-of-type(odd),
.sp .nnfh .relation.clm1 li:nth-of-type(odd){
float: left;
}
.sp .nnfh .relation .left li:nth-of-type(even),
.sp .nnfh .relation.clm1 li:nth-of-type(even){
float: right;
}
.sp .nnfh .relation .right li {
width: auto;
}
.sp .nnfh .relation .right li a{
margin: auto;
}
.sp .nnfh .relation.clm1 li:nth-of-type(3n){
  margin-right: 0;
}


/*12052017*/

.numericList {
margin: 5px 15px 5px 25px;
list-style-type: decimal;
}

html:not(:target) .numericList li {
margin-left: 12px;
list-style: decimal;
}

.numericList li {
margin-left: 15px;
margin-bottom: 1em;
}


/*12052017*/
.align-r {
text-align:right;
}

.align-l {
text-align:left;
}

.list-char {
	display: table;
	padding: 25px 0 0;
}

.list-char span{
	padding: 0 0 10px 5px;
	display: table-cell;
}

.list-char li{
	display: table-row;
	text-align: justify;
}

.mt20 {
	padding-top: 20px;
}


/*===========================================
ol.list_decimal
===========================================*/
.conflictList li {
margin-top: 1em;
}

.conflictList li span {
padding-left: .5em;
padding-right: .5em;
}

.entry ol.list_decimal li{
list-style-type: decimal !important;
margin-top: 1em;
}

.entry ol.list_decimal li ul li {
margin-left: 0;
margin-bottom: 1em;
list-style-type: none !important;
text-indent: -2.8em;
}

.entry ol.list_decimal li ul li {
margin-left: 0;
margin-bottom: 1em;
list-style-type: none;
text-indent: -2.8em;
}

ol.list_decimal li ul {
margin: 15px 0 5px 30px;
list-style-type: decimal;
}

ol.list_decimal li{
margin-left: 2em;
}
/*===========================================
sticky riskcharge btn
===========================================*/
.stickBtn {
	width: 254px;
	height: auto;
	padding: 2.7rem 0;
	position: fixed;
	top: 140px;
	right: 1%;
	z-index: 10000;
}

.stickBtn .stickBtn_container .is_sp{
	display: none;
}
.stickBtn .stickBtn_container p a{
	display: block;
}
.stickBtn .stickBtn_container .is_pc{
	display: block;
}

@media screen and (max-width: 768px){
	.stickBtn .stickBtn_container .is_sp{
		display: block;
		width: 100%;
	}
	.stickBtn .stickBtn_container .is_pc{
		display: none;
	}
	.stickBtn {
		width: 83%;
		height: auto;
		padding: 0.7rem 0;
		position: fixed;
		top: auto;
		bottom: 1%;
		left: 0;
		z-index: 10000;
	}
}