@charset "utf-8";
/* CSS Document */

/*-------------------------------------------------ここからsmart.css---------------------------------------------*/

/*==============================================================================================

  	画面の横幅が640pxまで

==============================================================================================*/

@charset "shift-jis";

img {max-width: 100%;height: auto;width: auto\9; /* ie8 */}

@media screen and (max-width: 640px) {
/*@media screen and (max-width: 480px) {*/
body { font-size: 13px; width:100%;-webkit-text-size-adjust: 100%;word-break: break-all;}
#wrapper{ margin: 2px auto; width: 100%; background: #fff; padding:0;font-size: 16px;}




.area_sp{display:inline;}
.area_pc{display:none;}


img {max-width: 100%;height: auto;}


/*--------------------------------------------------------------------------------*/
/*	hタグ
/*--------------------------------------------------------------------------------*/
h1 	{ font-size: 30px; line-height: 75px; padding: 10px; 
	-webkit-transition-property: font-size;
	-moz-transition-property: font-size;
	transition-property: font-size;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;  
}
h2 { font-size: 140%; padding: 8px; }
h3 					{ font-size: 18px;border-left:10px solid #1871B8; padding:5px 10px 5px 15px; margin:20px 0px;}

/*--------------------------------------------------------------------------------*/
/*	ヘッダーの右にメニュー
/*--------------------------------------------------------------------------------*/

/* ヘッダーの右にメニュー */
.header1{
margin-right: 5px;
/* background: -webkit-gradient(linear, left top, left bottom, from(#ececec),to(#fff));　
 background: linear-gradient(#ececec, #fff);
 background-size: 100% 100%;*/
 height: 55px;
 border-bottom: 1px solid #dadada;
}
 .header1 h1{
 display: block;
 height: 55px;
 width: 110px;
 line-height: 50px;
 font-weight: bold;
 margin-left: 5px;
 float: left;
 }


/*--------------------------------------------------------------------------------*/
/*	リスト
/*--------------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------------*/
/*	テーブル
/*--------------------------------------------------------------------------------*/


/*新発LP等バナー*/
.banner_menu{
  flex-direction: column;
}
.item{
  width: 96%;
}

/*--------------------------------------------------------------------------------*/
/*	テーブル02(外債ランディング使用)
/*--------------------------------------------------------------------------------*/
    
    

/*-------------------------------------------------ここからsmart_02.css---------------------------------------------*/
body {
font-size: 13px;
width:99%;
-webkit-text-size-adjust: 99%;
word-break: break-all;
}

#wrapper {
overflow: hidden;
width:100%;
-webkit-text-size-adjust: 100%;
}

.header1 h1.logo { 
position: relative;
top: -18px;
left: 0;
}


.area_sp{display:inline;}
.area_pc{display:none;}


div.l_side {
	background-color:#ffffff;
	width:100%;
	margin:0em;
	padding:0em;
}

div.r_side {
	background-color:#ffffff;
	width:100%;
	text-align:left;
	margin:0em;
	padding:0em;
	margin-top:2em;
}
div.r_side h5+div,div.l_side h5+div {font-size:0.8em}

/*テキスト消去用*/
.clearText {
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}

/*バナー設定*/

.koza_btn a {
background: url(../images/index_lp_bond/btn_kouza_sp.png) no-repeat;
height: 0;
padding-top: 25.66%;
background-size: contain;
}

.form_btn a {
background: url(../images/index_lp_bond/btn_form_sp.png) 0 0 no-repeat;
height: 0;
padding-top: 25.66%;
background-size: contain;
}

.simu_btn a {
background: url(../images/index_lp_bond/btn_simu_sp.png) 0 0 no-repeat;
height: 0;
padding-top: 25.66%;
background-size: contain;
}

.koza_btn a:hover,.form_btn a:hover,.simu_btn a:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}


/*ｈ設定*/

.h2_contents2_1 {
height: 0;
padding-top: 20.83%;
background: url('../images/index_lp_bond/h2_bac_contents2_1_sp.gif') 0 0 no-repeat;
background-size: contain;
}

.h2_contents2_2 {
height: 0;
padding-top: 20.83%;
background: url('../images/index_lp_bond/h2_bac_contents2_2_sp.gif') 0 0 no-repeat;
background-size: contain;
}

.h2_contents2_3 {
height: 0;
padding-top: 20.83%;
background: url('../images/index_lp_bond/h2_bac_contents2_3_sp.gif') 0 0 no-repeat;
background-size: contain;
}

.h2_contents2_4 {
height: 0;
padding-top: 20.83%;
background: url('../images/index_lp_bond/h2_bac_contents2_4_sp.gif') 0 0 no-repeat;
background-size: contain;
}


p { padding: 10px;  font-size: 12px}


/*フォントサイズ*/

.f10{font-size: 7px;}
.f11{font-size: 8px;}
.f12{font-size: 9px;}
.f13{font-size: 10px;}
.f14{font-size: 11px;}
.f15{font-size: 12px;}
.f18{font-size: 14px;}
.f32{font-size: 20px; font-weight:bold; padding:5px;}



#home h1 	{ font-size: 20px; line-height: 20px; padding: 5px; margin: 20px 0 0 0; 
	-webkit-transition-property: font-size;
	-moz-transition-property: font-size;
	transition-property: font-size;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;  
}


#under_demo p {
	padding: 0;
}
.top_b_sp{
    float:right; 
    padding:5px;
    }
    


#home h3 {
	font-size: 15px;
	margin: 3px;
}
.deduction h4{
    color: #555;
	border-bottom: 2px solid #555;
	letter-spacing: 0;
    font-size:13px; }
.handling h4 {
    color: #555;
    border-bottom: 2px solid #555;
    letter-spacing: 0;
    font-size: 13px;
}
    
.margin20 {
	margin: 2px;
}


.balloon img {
	vertical-align: bottom;
	width: 12%;
}


#under_demo h4 {
font-size: 10px;
padding: 3px;
margin: 0;
text-align:center;
border-bottom: 1px solid #7db9e8;
}

/*--------------------------------------------------------------------------------*/
/*	テーブル
/*--------------------------------------------------------------------------------*/

/*@charset "shift_jis";*/ /*shift_jisの場合*/


table.base04,table.base05,table.base05_retugo,table.base07 {
padding: 0 5px;
width: 100%;
}

table.base04 tr th.w20 {
width: auto;
}

table.base02,
table.base03,
table.base04,
table.base05,
table.base05_retugo,
table.base06,
table.base07 {
  border-spacing:0;
  width:100%;
  font-size:12px;
  margin:2vw auto;
}

table.base02 thead,
table.base03 thead,
table.base05 thead,
table.base05_retugo thead,
table.base06 thead {
  display:none;	
}

table.base02 tr,
table.base03 tr,
table.base04 tr,
table.base05 tr,
table.base05_retugo tr,
table.base06 tr {
  /*border-top: 1px solid #4f4d47;*/
  display: block;
  margin-bottom: 20px;	
}

table.base07 tr {
  /*border-top: 1px solid #4f4d47;*/
  display: block;
  margin-bottom: 1px;	
}

table.base02 tr th,
table.base03 tr th,
table.base05 tr th,
table.base05_retugo tr th,
table.base06 tr th {
  display:none;
}

table.base04 tr th {
  display: block;
}

table.base02 tr td,
table.base03 tr td,
table.base04 tr td,
table.base05 tr td,
table.base05_retugo tr td,
table.base06 tr td,
table.base07 tr td {
  display:block;
  padding: 1vw;
  text-align:left;
  vertical-align:middle;
  width: 98%;
  background: #ebf0f6;
}

table.base02 tr td br,
table.base03 tr td br,
table.base04 tr td br,
table.base05 tr td br,
table.base05_retugo tr td br,
table.base06 tr td br {
  display:none;
}
	
table.base02 tbody tr td:first-child,
table.base03 tbody tr td:first-child,
table.base05 tbody tr td:first-child,
table.base05_retugo tbody tr td:first-child,
table.base06 tbody tr td:first-child,
table.base07 tbody tr th {
  background: #8fa0b4;
  background:-moz-linear-gradient(rgba(167,188,212,0.7), rgba(143,160,180,0.9) 50%);
  background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(167,188,212,0.7)), to(rgba(143,160,180,0.9)));
  color: #ffffff;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align:center;
}

table.base02 tbody tr td:first-child a,
table.base03 tbody tr td:first-child a,
table.base05 tbody tr td:first-child a,
table.base05_retugo tbody tr td:first-child a,
table.base06 tbody tr td:first-child a,
table.base07 tr th a {
  color: #ffffff;
}
table.base05 tbody tr td:first-child,table.base05_retugo tbody tr td:first-child {margin:0;padding:0;line-height: 1.3; letter-spacing: 0.2em; width: 100%;}
table.base05 tbody tr td:first-child img,table.base05_retugo tbody tr td:first-child img{width:2em; margin:0.3em 0.3em 0 0; } 
    
table.base06 tr:last-child td:first-child img {width:2.2em; margin:0.3em 0.3em 0 0; }    
table.base06 tr:last-child td:first-child {padding:0; width: 100%;}   
table.base06 tbody tr td:first-child img  {width:2.2em; margin:0.3em 0.3em 0 0; }    
table.base06 tbody tr td:first-child {padding:0; width: 100%;}  
    
table.base02 tbody tr td:nth-child(2),
table.base02 tbody tr td:nth-child(3),
table.base02 tbody tr td:nth-child(4),
table.base02 tbody tr td:nth-child(5),
table.base02 tbody tr td:nth-child(6),
table.base02 tbody tr td:nth-child(7),
table.base03 tbody tr td:nth-child(2),
table.base03 tbody tr td:nth-child(3),
table.base03 tbody tr td:nth-child(4),
table.base03 tbody tr td:nth-child(5),
table.base03 tbody tr td:nth-child(6),
table.base03 tbody tr td:nth-child(7),
table.base03 tbody tr td:nth-child(8),
table.base05 tbody tr td:nth-child(2),
table.base05 tbody tr td:nth-child(3),
table.base05 tbody tr td:nth-child(4),
table.base05 tbody tr td:nth-child(5),
table.base05 tbody tr td:nth-child(6),
table.base05 tbody tr td:nth-child(7),
table.base05_retugo tbody tr td:nth-child(2),
table.base05_retugo tbody tr td:nth-child(3),
table.base05_retugo tbody tr td:nth-child(4),
table.base05_retugo tbody tr td:nth-child(5),
table.base05_retugo tbody tr td:nth-child(6),
table.base05 tbody_retugo tr td:nth-child(7),
table.base06 tbody tr td:nth-child(2),
table.base06 tbody tr td:nth-child(3),
table.base06 tbody tr td:nth-child(4),
table.base06 tbody tr td:nth-child(5),
table.base06 tbody tr td:nth-child(6),
table.base06 tbody tr td:nth-child(7),
table.base06 tbody tr td:nth-child(8) {
background-size: auto 15px;
text-align: left;
}
/*
table.base02 tbody tr td:nth-child(2):before {content: "発行体："; font-weight: bold; color: #003366;}
table.base02 tbody tr td:nth-child(3):before {content: "固定配当率："; font-weight: bold; color: #003366;}
table.base02 tbody tr td:nth-child(4):before {content: "次回コール日："; font-weight: bold; color: #003366;}
table.base02 tbody tr td:nth-child(5):before {content: "次回コール利回り(年率／税引前)："; font-weight: bold; color: #003366;}
table.base02 tbody tr td:nth-child(6):before {content: "商品概要："; font-weight: bold; color: #003366;}
table.base02 tbody tr td:nth-child(7):before {content: "シミュレーション："; font-weight: bold; color: #003366;}

table.base03 tbody tr td:nth-child(2):before {content: "年限："; font-weight: bold; color: #003366;}
table.base03 tbody tr td:nth-child(3):before {content: "通貨："; font-weight: bold; color: #003366;}
table.base03 tbody tr td:nth-child(4):before {content: "発行体形式："; font-weight: bold; color: #003366;}
table.base03 tbody tr td:nth-child(5):before {content: "利率(現地通貨ベース)："; font-weight: bold; color: #003366;}
table.base03 tbody tr td:nth-child(6):before {content: "売出価格："; font-weight: bold; color: #003366;}
table.base03 tbody tr td:nth-child(7):before {content: "利回り(現地通貨ベース)："; font-weight: bold; color: #003366;}
table.base03 tbody tr td:nth-child(8):before {content: "詳細："; font-weight: bold; color: #003366;}*/

table.base05 tbody tr td:nth-child(2):before {content: "発行体銘柄名："; font-weight: bold; color: #003366;}
table.base05 tbody tr td:nth-child(3):before {content: "利率(現地通貨ベース)："; font-weight: bold; color: #003366;}
table.base05 tbody tr td:nth-child(4):before {content: "購入単価："; font-weight: bold; color: #003366;}
table.base05 tbody tr td:nth-child(5):before {content: "利回り（現地通貨ベース）："; font-weight: bold; color: #003366;}
table.base05 tbody tr td:nth-child(6):before {content: "残存期間："; font-weight: bold; color: #003366;}
table.base05 tbody tr td:nth-child(7):before {content: "商品概要："; font-weight: bold; color: #003366;}

table.base05_retugo tbody tr td:nth-child(2):before {content: "銘柄名："; font-weight: bold; color: #003366;}
table.base05_retugo tbody tr td:nth-child(3):before {content: "固定利率／年(税引前)："; font-weight: bold; color: #003366;}
table.base05_retugo tbody tr td:nth-child(4):before {content: "初回コール日："; font-weight: bold; color: #003366;}
table.base05_retugo tbody tr td:nth-child(5):before {content: "初回コール利回り／年（税引前・複利）："; font-weight: bold; color: #003366;}
table.base05_retugo tbody tr td:nth-child(6):before {content: "商品概要："; font-weight: bold; color: #003366;}
table.base05_retugo tbody tr td:nth-child(7):before {content: "概算購入額："; font-weight: bold; color: #003366;}	
	

table.base06 tbody tr td:nth-child(2):before {content: "銘柄名："; font-weight: bold; color: #003366;}
table.base06 tbody tr td:nth-child(3):before {content: "利率(現地通貨ベース)："; font-weight: bold; color: #003366;}
table.base06 tbody tr td:nth-child(4):before {content: "購入単価："; font-weight: bold; color: #003366;}
table.base06 tbody tr td:nth-child(5):before {content: "利回り（現地通貨ベース）："; font-weight: bold; color: #003366;}
table.base06 tbody tr td:nth-child(6):before {content: "残存期間："; font-weight: bold; color: #003366;}
table.base06 tbody tr td:nth-child(7):before {content: "商品概要："; font-weight: bold; color: #003366;}
table.base06 tbody tr td:nth-child(8):before {content: "シミュレーション："; font-weight: bold; color: #003366;}

table.base02 tbody tr td:last-child,
table.base03 tbody tr td:last-child,
table.base05 tbody tr td:last-child,
table.base05_retugo tbody tr td:last-child,
table.base06 tbody tr td:last-child {
}

.margin10{margin:10px 5px ;}
.margin20{margin:20px 5px ;}
.margin30{margin:30px 5px ;}
.ml30{margin-left:5px;}


table.base04 .sample label{
    font-size: 12.5px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    padding: 10px 2px;
    border-radius: 2px;
    text-align: left;
    line-height: 1;
    width: 140px;
    }


p {line-height:1.8em;}

#home img {
    display: inline-block;
    margin: 0 5px;
    
}
    
        
    
    
#under_demo p {
    padding: 0;
}
.f12 {
    font-size: 10px;
}

h4{letter-spacing:0;font-size:13px;}
.margin20{margin:2px;}

.midashi {
	border-left: 5px solid #1871B8;
	margin-left: 1px;
    letter-spacing: 0;
   
}
.balloon img {
	vertical-align: bottom;
	width: 12%;
}
.area_sp {
	display: block;
}
.area_pc {
	display: none;
}


.sla_title .heading:before, .sla_title .heading:after {
    content: "";
    flex: 1;
    background: #fff;
    padding: 2px 0;
    height: 0;
    transform: rotate(60deg);
}
.sla_title .heading {
    font-size: 1.2em !important;
    color: #fff !important;
    height: 2em !important;
    margin: 0.2em 0 !important;
}
    
.banner_menu {
    flex-direction: column;
}


}



/*END　　@media screen and (max-width: 640px)*/