@charset "utf-8";

.img-auto-all{width: auto;}

@media screen and (max-width:900px){
.content .section-inner{padding: 20px;}
}


#globalnav li{border-left: solid 1px rgba(0,49,90,.8);}

#globalnav a{color: rgb(0,49,90);}
#globalnav a:hover,
#globalnav a:active,
#globalnav a:focus{text-decoration: underline;color: rgb(0,49,90);}

a#nav-open{color: rgb(0,49,90);}
a#nav-open:hover,
a#nav-open:active,
a#nav-open:focus{color: rgb(0,49,90);}

nav.show a#nav-open{top: 0;}

@media screen and (max-width:900px){
#globalnav li{border-left: 0;}
}

/* 　mainimg
******************************************/
.mainimg{padding: 30px 0;}
.mainimg h1{font-size: 30px;}
.mainimg h2{font-size: 16px;color: rgba(0,49,90,.7);margin-bottom: 20px;}
@media screen and (max-width:640px){
.mainimg h1{font-size: 20px;}
.mainimg h2{font-size: 14px;}
}

/* 　content
******************************************/
.content h1{margin-top: 40px;}

.content .title{margin-bottom: 40px;}

.img-col2 .single{margin-bottom: 50px;}
.img-col2 .single .img{width: 50%;float: left;padding-right: 50px;}
.img-col2 .single h3,
.img-col2 .single .desc{width: 50%;float: right;}
.img-col2 .single h3{margin-bottom: 20px;}
.img-col2 .single h3 .num{font-size: 36px;line-height: 1;}

@media screen and (max-width:640px){
.img-col2 .single{margin-bottom: 30px;}
.img-col2 .single .img{width: 100%;padding-right: 0;margin-bottom: 20px;padding: 20px;}
.img-col2 .single h3,
.img-col2 .single .desc{width: 100%;}
.img-col2 .single h3{font-size: 18px;text-align: center;}
}

/* box
******************************************/

.box-home{text-align: center;clear: both;padding: 30px 0;font-size: 12px;margin-bottom: 30px;}
.box-home a{text-decoration: none;display: inline-block;padding: 5px 30px;}
.box-home a:hover,
.box-home a:active,
.box-home a:focus{background: #f6f6f6;}
.box-home i{margin-right: 10px;}

.link-page{margin: 10px 0 30px;clear: both;}
.link-page li{display: block;float: left;text-align: center;margin-bottom: 10px;}
.link-page li:last-child{margin-right: 0;}
.link-page li a{display: block;padding: 10px;}

.link-page-col5 li{width: 18.4%;margin-right: 2%;}
.link-page-col5 li:last-child{margin-right: 0;}

.link-page-col4 li{width: 23.5%;margin-right: 2%;}
.link-page-col4 li:last-child{margin-right: 0;}

@media screen and (max-width:800px){
.link-page-col5 li{width: 32%;margin-right: 2%;}
.link-page-col5 li:nth-child(3n){margin-right: 0;}
.link-page-col5 li:last-child{margin-right: 0;}
}
@media screen and (max-width:640px){
.link-page-col4 li{width: 49%;margin-right: 2%;}
.link-page-col4 li:nth-child(2n){margin-right: 0;}
}
@media screen and (max-width:480px){
.link-page-col5 li{width: 49%;margin-right: 2%;}
.link-page-col5 li:nth-child(3n){margin-right: 2%;}
.link-page-col5 li:nth-child(2n){margin-right: 0;}
.link-page-col5 li:last-child{margin-right: 0;}
}

/* plan
******************************************/

.table-plan thead{font-weight: bold;}
.table-plan th,
.table-plan td{border: solid 1px #ddd;vertical-align: middle;}
.table-plan th{width: 30%;}
.table-plan td{width: 20%;}

.table-plan th img{width: 50%;}
.table-plan .come{display: block;font-weight: normal;color: rgb(0,49,90);}
.table-plan th .desc{font-size: 11px;color: #999;display: block;font-weight: normal;}


/* faq
******************************************/

.page-faq .box dt{font-size: 16px;color: rgb(0,49,90);padding: 20px;border-bottom: solid 1px rgb(0,49,90);border-left: solid 1px rgb(0,49,90);background: rgba(0,49,90,.03);}
.page-faq .box dd{padding: 20px;line-height: 1.8;}
.page-faq .box dd strong{color: rgb(0,49,90);}

/* line
******************************************/
.page-line .link-page-col4 { margin-left: 30%;}
.page-line .link-page-col4 li{width: 30%;margin-right: 2%;}
.page-line h3 { font-size: 16px;color: rgb(0,49,90);padding: 20px;border-bottom: solid 1px rgb(0,49,90);border-left: solid 1px rgb(0,49,90);background: rgba(0,49,90,.03); margin-bottom: 20px;}
.page-line h4 { margin-bottom: 20px;}

.page-line .box .section-inner{margin-bottom: 30px;}

.page-line .entry .left { float: left; width: 48%; margin-right: 2%;}
.page-line .entry .right { float: left; width: 48%;}
.page-line .center { text-align: center;}
.page-line .entry .right img { max-width: 150px; margin: 20px auto 0;}
.page-line .line-it-button { margin: 15px 0 0 19%;}

.page-line .appli div {width: 31%;float: left;margin-right: 3%;margin-bottom: 2%; }
.page-line .appli div:nth-child(3n){margin-right: 0;}
.page-line .appli div:nth-child(3n+1){clear: both;}
.page-line .appli div img {width: 100%; margin: auto;}

.page-line .download .section-inner .left { float: left; width: 45%; margin-right: 10%;}
.page-line .download .section-inner .right { float: right; width: 45%;}

.page-line .download .section-inner .ios, .page-line .download .section-inner .and { border: 1px solid #eee; padding: 20px;}
.page-line .download .section-inner .ios .left, .page-line .download .section-inner .and .left{ float: left; width:25%;}
.page-line .download .section-inner .ios .right, .page-line .download .section-inner .and .right{ float: right; width:60%;}

@media screen and (max-width:640px){
.page-line .link-page-col4 { margin-left: 0;}
.page-line .link-page-col4 li{width: 49%;margin-right: 2%;}
.page-line .link-page-col4 li:nth-child(2){margin-right: 0;}
.page-line .link-page li a{padding: 7px;}

.page-line .line-it-button { margin-left: 38%;}

.page-line .entry .left { float: none; width: 100%; margin:0 auto 20px!important;}
.page-line .entry .right { float: none; width: 100%;}

.page-line .appli div {width: 80%;float: none;margin:0 auto 25px!important; }
.page-line .appli div:nth-child(3n){margin-right: 0;}
.page-line .appli div:nth-child(3n+1){clear: none;}

.page-line .download .section-inner .left { float: none; width: 100%; margin-right: 0; margin-bottom: 25px;}
.page-line .download .section-inner .right { float: none; width: 100%;}
.page-line .download .section-inner .ios .right, .page-line .download .section-inner .and .right{ float: right; width:65%;}
}

/* company
******************************************/
@media screen and (max-width:640px){
.page-company .table-spec td{font-size: 15px;}
}

/*invest
*************/

.more-read a{display: flex;align-items:center;border: solid 1px #00315a;padding: 10px;color: #00315a;text-decoration: none;}
.more-read h4{border-bottom: solid 1px #00315a;padding-bottom: 10px;margin-bottom: 10px;}
.more-read img{width: 28%;max-width: 600px;margin-right: 2%;}
.more-read .text{width: 70%;font-size: 16px;}
@media screen and (max-width:640px){
.more-read a{display: block;}
.more-read img,
.more-read .text{width: 100%;margin: 0;}
.more-read img{margin-bottom: 10px;}
}

.table-invest{text-align: center;font-size: 18px;font-weight: bold;}
.table-invest th,
.table-invest td{vertical-align: middle;}
.table-invest thead th{font-size: 16px;width: 25%;border: solid 1px #ddd;border-bottom: 0;padding: 0;color: #fff;text-shadow:1px 1px 1px rgba(0,0,0,.2);}
.table-invest thead th:first-child{border: none;}
.table-invest thead th:nth-child(2){background: #135fb5;}
.table-invest thead th:nth-child(3){background: #3da942;}
.table-invest thead th:nth-child(4){background: #f2b92b;}
.table-invest tbody td:nth-child(2){background: rgba(19, 95, 181,.1);}
.table-invest tbody td:nth-child(3){background: rgba(61, 169, 66,.1);}
.table-invest tbody td:nth-child(4){background: rgba(242, 185, 43,.1);}

.table-invest thead .text{display: block;line-height: 1.2;padding: 10px;}
.table-invest tbody tr{border-bottom: dashed 1px #ddd;}
.table-invest .tbody-depreciate tr:last-child{border-bottom: 0;}
.table-invest tbody th,
.table-invest tbody td{font-size: 14px;}
.table-invest tbody th{text-align: center;background: rgba(0,49,90,.1);}
.table-invest tbody td{border-left: solid 1px #ddd;border-right: solid 1px #ddd;}
.table-invest .tr-odd{background: rgba(0,49,90,.03);}

.table-invest tbody .num{font-size: 24px;}
.table-invest .tr-yield,
.table-invest .tr-depreciate{background: rgba(255,2,78,.02);}
.table-invest .tr-yield th,
.table-invest .tr-depreciate th{background: #ef779f;color: #fff;}
.table-invest .tr-yield .num,
.table-invest .tr-depreciate .per .num{font-size: 30px;color: #5a7087;}
.table-invest .tr-yield td:nth-child(2) .num,
.table-invest .tr-depreciate td:nth-child(2) .per .num{color: #ed3874;}
.table-invest .tbody-depreciate td:nth-child(4){background: rgba(0,0,0,.1);}
.table-invest .tbody-depreciate .per{display: block;font-size: 11px;}

.table-invest thead th:nth-child(2){border-color: #135fb5;border-width: 3px;}
.table-invest tbody td:nth-child(2){border-color: #135fb5;border-width: 3px;}
.table-invest .tbody-depreciate tr:last-child td:nth-child(2){border-bottom:solid 3px #135fb5;}
@media screen and (max-width:640px){
.table-invest thead th:first-child{width: 17%;}
.table-invest thead th{padding: 0;}
.table-invest th,
.table-invest td{padding: 3px;}
.table-invest tbody th,
.table-invest tbody td{font-size: 10px;}
.table-invest tbody th{padding: 5px;}
.table-invest tbody td{padding: 10px 5px;}
.table-invest tbody .num{font-size: 16px;}
.table-invest .tr-yield .num,
.table-invest .tr-depreciate .per .num{font-size: 20px;}
.table-invest thead .text{font-size: 11px;padding: 3px;}
.table-invest thead img{border: 0;}
}
/*invest:merit
*************/
.invest-merit .single {display: flex;flex-wrap:wrap;padding: 20px 0;border-bottom: dashed 1px #ddd;}
.invest-merit .single .img{width: 40%;margin-right: 2%;}
.invest-merit .single .text{width: 58%;}

.invest-merit .merit-num{position: relative;background: #e7dc85;color: #00315a;display: inline-block;padding: 5px 10px;margin-bottom: 10px;font-weight: bold;line-height: 1;}
.invest-merit .merit-num:before { position: absolute; content: ''; top: 100%; right: 0; border: none; border-bottom: solid 5px transparent; border-left: solid 10px #706728;/*折り返し部分*/}
.invest-merit h3{margin-bottom: 10px;color: #00315a;}

@media screen and (max-width:640px){
.invest-merit .single{display: block;}
.invest-merit .single .img,
.invest-merit .single .text{width: 100%;margin-right: 0;}
.invest-merit h3{font-size: 18px;}
.invest-merit .single .img{margin-bottom: 10px;}
.invest-merit .single .text{font-size: 12px;}
}

/*used
*************/
.table-used{text-align: center;font-size: 18px;font-weight: bold;}
.table-used th,
.table-used td{vertical-align: middle;}
.table-used thead th{font-size: 16px;width: 25%;border: solid 1px #ddd;border-bottom: 0;padding: 0;color: #fff;text-shadow:1px 1px 1px rgba(0,0,0,.2); vertical-align: bottom;}
.table-used thead th:first-child{border: none;}
.table-used thead th:nth-child(2){background: #135fb5;}
.table-used thead th:nth-child(3){background: #3da942;}
.table-used thead th:nth-child(4){background: #f2b92b;}
.table-used tbody.tbody-initial td:nth-child(2){background: rgba(19, 95, 181,.1);}
.table-used tbody.tbody-initial td:nth-child(3){background: rgba(61, 169, 66,.1);}
.table-used tbody.tbody-initial td:nth-child(4){background: rgba(242, 185, 43,.1);}

.table-used thead .text{display: block;line-height: 1.2;padding: 10px;}
.table-used tbody tr{border-bottom: dashed 1px #ddd;}
.table-used .tbody-depreciate tr:last-child{border-bottom: 0;}
.table-used tbody th,
.table-used tbody td{font-size: 14px;}
.table-used tbody th{text-align: center;background: rgba(0,49,90,.1);}
.table-used tbody td{border-left: solid 1px #ddd;border-right: solid 1px #ddd;}
.table-used .tr-odd{background: rgba(0,49,90,.03);}

.table-used tbody .num{font-size: 24px;}
.table-used .tr-yield,
.table-used .tr-depreciate{background: rgba(255,2,78,.02);}
.table-used .tr-yield th,
.table-used .tr-depreciate th{background: #ef779f;color: #fff;}
.table-used .tr-yield .num,
.table-used .tr-depreciate .per .num{font-size: 30px;color: #5a7087;}
.table-used .tr-yield td:nth-child(2) .num,
.table-used .tr-depreciate td:nth-child(2) .per .num{color: #ed3874;}
/*.table-used .tbody-depreciate td:nth-child(4){background: rgba(0,0,0,.1);}*/
.table-used .tbody-depreciate .per{display: block;font-size: 11px;}

.table-used thead th:nth-child(2){border-color: #135fb5;border-width: 3px;}
.table-used tbody td:nth-child(2){border-color: #135fb5;border-width: 3px;}
.table-used .tbody-depreciate tr:last-child td:nth-child(2){border-bottom:solid 3px #135fb5;}

.table-used .pink {color: #ed3874 !important;}
.table-used .check {font-size: 18px; padding-right: 3px; }			
.border-right {border-right: dashed 1px #ddd;}
.table-used tbody td.border-side {border-color: #135fb5;border-width: 3px;}
.table-used tbody.tbody-depreciate {border-bottom: solid 1px #ddd;}
.table-used th.border-right span.onlysp {display: none;}
.table-used th.border-right span.onlypc {display: inline;}

@media screen and (max-width:640px){
.table-used thead th:first-child{width: 17%;}
.table-used thead th{padding: 0;}
.table-used th,
.table-used td{padding: 3px;}
.table-used tbody th,
.table-used tbody td{font-size: 10px;}
.table-used tbody th{padding: 5px;}
.table-used tbody td{padding: 10px 5px;}
.table-used tbody .num{font-size: 16px;}
.table-used .tr-yield .num,
.table-used .tr-depreciate .per .num{font-size: 20px;}
.table-used thead .text{font-size: 11px;padding: 3px;}
.table-used thead img{border: 0;}
.table-used .check {font-size: 14px; }
.mobile-rl {line-height: 1.1;}
img.mb-margin { margin-top: 6px; }
.table-used th.border-right { padding: 10px 20px; line-height: 1.1;}
.table-used th.border-right span.onlypc {display: none;}
.table-used th.border-right span.onlysp {display: block;}
.table-used th.mobile-rl { padding: 10px 20px; }
}
/*used:merit
*************/
.used-merit .single {display: flex;flex-wrap:wrap;padding: 20px 0;border-bottom: dashed 1px #ddd;}
.used-merit .single .img{width: 40%;margin-right: 2%;}
.used-merit .single .text{width: 58%;}

.used-merit .merit-num{position: relative;background: #e7dc85;color: #00315a;display: inline-block;padding: 5px 10px;margin-bottom: 10px;font-weight: bold;line-height: 1;}
.used-merit .merit-num:before { position: absolute; content: ''; top: 100%; right: 0; border: none; border-bottom: solid 5px transparent; border-left: solid 10px #706728;/*折り返し部分*/}
.used-merit h3{margin-bottom: 10px;color: #00315a;}

@media screen and (max-width:640px){
.used-merit .single{display: block;}
.used-merit .single .img,
.used-merit .single .text{width: 100%;margin-right: 0;}
.used-merit h3{font-size: 18px;}
.used-merit .single .img{margin-bottom: 10px;}
.used-merit .single .text{font-size: 12px;}
}