@charset "utf-8";

/* CSS Document */


/*------------------------------------------------------------------------------
レスポンシブ用　表示非表示　20230623　hssec_x.cssにも　responsive.cssからコピペした。
------------------------------------------------------------------------------*/

/***** 非表示*****/
/* PC非表示*/
@media screen and (min-width: 940px) {
.pc_none {
	display: none;
}
.area_sp {
	display: none;
}	
}

/*タブレット非表示*/
/*@media screen and (max-width: 940px) {
.tab_none {
	display: none;
}
}
*/
/* スマホ非表示*/
/*@media screen and (max-width: 939px) {
.sp_none {
	display: none;
}
}*/


/*PC用スマホタブレット非表示*/
@media screen and (min-width: 940px) {
/*.sp_only {
	display: none;
}*/
/*.tab_only {
	display: none;
}*/
.pc_only {
	display: block;
}
.area_pc {
	display: block;
}
	
.section {
	width: 940px;
	margin: 0 auto;
}
.section-wide {
	width: 100%;
	margin: 0 auto;
}
}

/*タブレット用SP PCスマホ非表示*/
/*@media screen and (max-width: 940px) {
.sp_only {
	display: none;
}
.tab_only {
	display: inline-block;
}
.pc_only {
	display: none;
}
.section {
	width: 100%;
	margin: 0 auto;
}

*/
/*スマホ用PCタブレット非表示*/
@media only screen and (max-width: 939px) {
/*.sp_only {
	display: inline-block;
}*/
/*.tab_only {
	display: none;
}*/
.pc_only {
	display: none;
}
.area_pc {
	display: none;
}	
.area_sp {
	display: block;
}	
.section {
	width: 100%;
	margin: 0 auto;
}
.respon-kihon-yohaku{
	margin: 0 5px;
}
}
@media only screen and (max-width: 939px) {
/* 幅 PCのみにかけたいとき 注）ここ追加したらhssec_x.cssにも記載すること
----------------------------------------------------------*/
.hanyo-w10_pc_only{
	width: auto;
}
.hanyo-w20_pc_only{
	width: auto;
}
.hanyo-w25_pc_only{
	width: auto;
}
.hanyo-w30_pc_only{
	width: auto;
}
.hanyo-w40_pc_only{
	width: auto;
}
.hanyo-w49_pc_only{
	width: auto;
}
.hanyo-w50_pc_only{
	width: auto;
}
.hanyo-w60_pc_only{
	width: auto;
}
.hanyo-w70_pc_only{
	width: auto;
}
.hanyo-w75_pc_only{
	width: auto;
}
.hanyo-w80_pc_only{
	width: auto;
}
.hanyo-w90_pc_only{
	width: auto;
}
/* 幅 レスポンSPのみにかけたいとき 注）ここ追加したらhssec_x.cssにも記載すること
----------------------------------------------------------*/
.hanyo-w10_sp_only{
	width: 10%;
}
.hanyo-w20_sp_only{
	width: 20%;
}
.hanyo-w25_sp_only{
	width: 25%;
}
.hanyo-w30_sp_only{
	width: 30%;
}
.hanyo-w40_sp_only{
	width: 40%;
}
.hanyo-w50_sp_only{
	width: 50%;
}
.hanyo-w60_sp_only{
	width: 60%;
}
.hanyo-w70_sp_only{
	width: 70%;
}
.hanyo-w75_sp_only{
	width: 75%;
}
.hanyo-w80_sp_only{
	width: 80%;
}
.hanyo-w90_sp_only{
	width: 90%;
}
}


/*------------------------------------------------------------------------------
レスポンシブ用　基本幅
------------------------------------------------------------------------------*/
/*レスポンシブ時*/
@media only screen and (max-width: 939px) {
#container{width:100%;}

#main{/*width:100%;*/text-align:left;background-color:#ffffff;margin: 0 5px;}/*ここに幅を指定するとmarginが効かなくなる ここのmarginはレスポンシブ時の基本の左右余白になるので取らないこと*/
#main img{width: 100%; height: auto;}
	
#left{width:100%;float: none;background-color:#ffffff;}
}

/*レスポンシブ時*/
@media only screen and (max-width: 939px) {
#cont1{/*width:100%;*/float: none; margin: 0 5px;}/*ここに幅を指定するとmarginが効かなくなる ここのmarginはレスポンシブ時の基本の左右余白になるので取らないこと*/
#cont1 img{width: 100%; height: auto;}
	
#cont2{width:100%;float: none;}
#cont2 img{width: 100%; height: auto;}
	
	
#cont2lft{width:100%;float: none;}　/*index3.htmだけに使用されている2カラムで右側にインクルードファイルくるレイアウト*/
#cont2lft img{width: 100%; height: auto;}

	
.cont_2row{width: 100%; float: none;}
.hanyo-cont_2row{width: 100%; float: none;margin:0px;}
.hanyo-cont_2row img{width: 100%; height: auto;}
	
	
.cont_3row{width:100%;float: none;margin:0px;}
.hanyo-cont_3row{width: 100%; float: none;margin:0px;}
.hanyo-cont_3row img{width: 100%; height: auto;}
}





@media only screen and (max-width: 939px) {
/*202308 TOP第二フェーズにてNEW枠幅　中川*/
.container-660{width: 100%;}
.container-260{width: 100%;}

/*キャンペーン・お得なサービスインクルードファイル設置エリアで使用*/
.container-600{width: 100%;}
.container-330{width: 100%;}
.container-435{width: 100%;}
.container-285{width: 100%;}
	
	
}
/*------------------------------------------------------------------------------
レスポンシブ用 汎用記述
------------------------------------------------------------------------------*/

/*これつけるとflex内で改行できる*/
.hanyo-flex-kaigyo {
  flex-wrap: wrap!important;
}
.hanyo-flex-kaigyo a {
  flex-wrap: wrap!important;
}

@media only screen and (max-width: 939px) {
.hanyo-f-left-pc-only {
	float: none;
	overflow: hidden;
}
.hanyo-f-right-pc-only {
	float: none;
	overflow: hidden;
}
.respon-img-w100torikesi{
	width: auto!important;
	height: auto!important;
}
.respon-img-w100{
	width: 100%;
	height: auto;
}
	
	
.hanyo-fs0-9em_pc_only{font-size:auto!important;}


}



/* PCのみにかけたいとき 注）ここ追加したらhssec_x.cssにも記載すること
----------------------------------------------------------*/
@media only screen and (max-width: 939px) {
.mt10_pc_only {margin-top:0px;}
.mt15_pc_only {margin-top:0px;}
.mt20_pc_only {margin-top:0px;}
.mt25_pc_only {margin-top:0px;}
.mt30_pc_only {margin-top:0px;}
.mt35_pc_only {margin-top:0px;}
.mt40_pc_only {margin-top:0px;}
.mt45_pc_only {margin-top:0px;}
.mt50_pc_only {margin-top:0px;}	
	
.mr10_pc_only {margin-right:0;}
.mr15_pc_only {margin-right:0;}
.mr20_pc_only {margin-right:0;}
.mr25_pc_only {margin-right:0;}
.mr30_pc_only {margin-right:0;}
.mr35_pc_only {margin-right:0;}
.mr40_pc_only {margin-right:0;}
.mr45_pc_only {margin-right:0;}
.mr50_pc_only {margin-right:0;}

.ml10_pc_only {margin-left:0px;}
.ml15_pc_only {margin-left:0px;}
.ml20_pc_only {margin-left:0px;}
.ml25_pc_only {margin-left:0px;}
.ml30_pc_only {margin-left:0px;}
.ml35_pc_only {margin-left:0px;}
.ml40_pc_only {margin-left:0px;}
.ml45_pc_only {margin-left:0px;}
.ml50_pc_only {margin-left:0px;}
	
.mb10_pc_only {margin-bottom:0px;}
.mb15_pc_only {margin-bottom:0px;}
.mb20_pc_only {margin-bottom:0px;}
.mb25_pc_only {margin-bottom:0px;}
.mb30_pc_only {margin-bottom:0px;}
.mb35_pc_only {margin-bottom:0px;}
.mb40_pc_only {margin-bottom:0px;}
.mb45_pc_only {margin-bottom:0px;}
.mb50_pc_only {margin-bottom:0px;}
}

/*------------------------------------------------------------------------------
レスポンシブ用　ヘッダー固定追随　
------------------------------------------------------------------------------*/
@media only screen and (max-width: 939px) {
.kotei-content.fixed {
	position: fixed;
	height: auto;
	width: 100%;
	line-height: 1;
    z-index: 10;
    clear: both;
	top:0;
	background: #fff;
}
	
}

/*------------------------------------------------------------------------------
レスポンシブ用　ヘッダー固定追随　エリア
------------------------------------------------------------------------------*/

@media only screen and (max-width: 939px) {
/*ヘッダー（サイト名ロゴが入ったブロック）*/
/*ロゴ画像の設定*/
header{
  border-bottom: 1px solid #FFF; /*下側の線の幅、線種、色*/
}
#header-logo-respon{
  float: left;
  padding: 10px 5px 0;
}
#header-logo-respon img {
  width: 11em;
  height: auto;
}
.header-navi-respon {
  padding: 5px 50px 0 0;
  float: right;
}
.header-navi-respon li {
  float: left;
  padding-right: 5px;
  list-style: none;
}
	
.header-navi-respon li a {
	color: #0b0c3e;
}

.header-navi-respon li img{
	vertical-align: top;
}


.header-navi-respon li a:link {
  text-align: center;
  color: #0b0c3e;
  font-size: 0.85em;
  text-decoration: none;
}
}
@media only screen and (max-width: 370px) {
#header-logo-respon img {
  width: 10em;
  height: auto;
}
}
@media only screen and (max-width: 360px) {
#header-logo-respon img {
  width: 9em;
  height: auto;
}
}
@media only screen and (max-width: 345px) {
#header-logo-respon img {
  width: 8em;
  height: auto;
}
}
@media only screen and (max-width: 330px) {
#header-logo-respon img {
  width: 7em;
  height: auto;
}
}
@media only screen and (max-width: 315px) {
#header-logo-respon img {
  width: 6.5em;
  height: auto;
}
}
@media only screen and (max-width: 310px) {/*極小デバイス対策*/
.header-navi-respon {
  padding: 5px 0 0 0;
}

}

/*------------------------------------------------------------------------------
レスポンシブ用　ヘッダー固定追随ナビ　ハンバーガーアイコンの方
------------------------------------------------------------------------------*/
.Nav {
  border-top: solid 1px #F5F4F0;
  border-bottom: solid 1px #F5F4F0;
}
@media screen and (max-width: 1000px) {
  .Nav {
    position: relative;
    border-top:none;
  }
}
.Nav .navbtn {
  display: none;
}
@media screen and (max-width: 1000px) {
  .Nav .navbtn {
    display: block;
    position: absolute;
    top: -48px;
    right: 15px;
	z-index: 10;
  }
  .Nav .navbtn a {
    position: relative;
}
.header-item-name{
    position: absolute;
    left: -6px;
    font-size: 0.8em;
    width: 50px;
    top: 28.5px;
	color: #0b0c3e;
}
}
@media screen and (max-width: 310px) {/*極小デバイス対策*/
  .Nav .navbtn {
    display: block;
    position: absolute;
    top: 0px;
    right: 15px;
	z-index: 10;
  }
.kotei-content{margin-bottom: 50px;}/*極小デバイスのときにnavbtn2段になるそのためmb50あける*/
}
@media screen and (max-width: 1000px) {
  .Nav .navbtn a,
  .Nav .navbtn a.close {
    display: block;
    position: relative;
    width: 30px;
    height: 30px;
    background-color: #0b0c3e;
  }
  .Nav .navbtn a::before,
  .Nav .navbtn a.close::before {/*ハンバーガーアイコン1番目ライン*/
    position: absolute;
    top:7px;
    left:5px;
    content:"";
    width: 20px;
    height: 3px;
    background-color: #fff;
    transition: .2s;
  }
  .Nav .navbtn a.open::before {
    top:14px;
    transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  }
  .Nav .navbtn a::after,
  .Nav .navbtn a.close::after {/*ハンバーガーアイコン3番目ライン*/
    position: absolute;
    bottom:8px;
    left:5px;
    content:"";
    width: 20px;
    height: 3px;
    background-color: #fff;
    transition: .2s;
  }
  .Nav .navbtn a.open::after {
    bottom:13px;
    transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  }
}
@media screen and (max-width: 1000px) {
  .Nav .navbtn a.open {
  }
}
 
@media screen and (max-width: 1000px) {
  .Nav .navbtn a span {
    display: block;
    overflow: hidden;
    width: 1px;
    height: 1px;
  }
  .Nav .navbtn a span::after,
  .Nav .navbtn a.close span::after {/*ハンバーガーアイコン２番目ライン 閉じたときの×マークはなし*/
    position: absolute;
    top:13px;
    left:5px;
    content:"";
    width: 20px;
    height: 3px;
    background-color: #fff;
  }
  .Nav .navbtn a.open span::after {
    display: none;
  }
}
.Nav ul{
  padding-inline-start: 0;
}

.Nav ul.close {
  display: none;
  border-top: solid 1px #F5F4F0;
}
.Nav > ul {
  margin: 0 auto;
  max-width: 1000px;
  padding-inline-start: 0;
}
@media screen and (max-width: 1000px) {
.Nav > ul {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
    background-color: #ccecfb;
	box-shadow: 0px 3px 3px #7fcff4;
	-webkit-overflow-scrolling: touch;
	padding-inline-start: 0;
  }
	
/*保留  .kotei-content.fixed .Nav > ul {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
    background-color: #eee;
	box-shadow: 0px 3px 3px #ccc;
    padding-bottom: 500px;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }*/
}
@media screen and (max-width: 310px) {/*極小デバイスのときにnavbtn2段になるそのためTOPに50あける*/
  .Nav > ul {
    top: 50px;
	padding-inline-start: 0;

}
}

.Nav > ul > li {
  position: relative;
  font-size: 15px;
  display: inline-block;
  list-style: none;
}
@media screen and (max-width: 1000px) {
  .Nav > ul > li {
    display: block;
    border-bottom: 1px solid #ccc;
  }
}
.Nav > ul > li a {
  display: block;
  position: relative;
  text-decoration: none;
  padding: 8px;
  height: 3.5em;
  vertical-align: middle;
  line-height: 1.3;
  font-size: 13px;
  color: #333;
  background-color: #fff;
  z-index: 2;
}

/*第一階層*/
.Nav > ul > li.parent > a {
  padding:0.8rem 0 0 10px;
  background :#0b0c3e;
  color: #fff;
  height: 3.2em;
  vertical-align: middle;
  line-height: 1.3;
  /*background :#d2d2e7;*/
}
.Nav > ul > li.parent > a::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 8px;
    width: 6px;
    height: 6px;
    margin: -6px 0 0 0;
}
.Nav > ul > li.parent > a::before {
	-webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
}
.Nav > ul > li.parent > a.open::before {
	-webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
}

@media screen and (max-width: 1000px) {
.Nav > ul > li.parent.open > a::before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
}
@media screen and (max-width: 1000px) {
  .Nav > ul > li.parent.open {
    border-bottom: none;
  }
}
  .Nav > ul > li.parent.open > a{
    color: #FFF;
  }
  .Nav > ul > li.parent.open > a::after {
  background: yellow;
  -webkit-transform: scale(1);
  transform: scale(1);
  border-top: solid 2px red;
  border-right: solid 2px #fff;
}
@media screen and (max-width: 1000px) {
  .Nav > ul > li.parent.open > a {
    color: #FFF;
  }
}
 
.Nav > ul > li a:hover {
  color: #fff!important;
}
.Nav > ul > li a::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.Nav > ul > li a,
.Nav > ul > li a::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.Nav > ul > li a::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(.5);
  transform: scale(.5);
}
.Nav > ul > li a:hover::after {
  background: #044587;
  color: yellow;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.Nav > ul > li a.open:hover::before {
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
}
/*第三階層*/
.Nav > ul > li > ul li.parent2 a.close::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
	left: auto;
    right: 8px;
    width: 6px;
    height: 6px;
    margin: -6px 0 0 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.Nav > ul > li > ul li.parent3 a.close::before {
    display: block!important;
    content: ""!important;
    position: absolute!important;
    top: 50%!important;
	left: auto!important;
    right: 8px!important;
    width: 6px!important;
    height: 6px!important;
    margin: -6px 0 0 0!important;
    border-top: solid 2px #0b0c3e!important;
    border-right: solid 2px #0b0c3e!important;
    -webkit-transform: rotate(135deg)!important;
    transform: rotate(135deg)!important;
}
.Nav > ul > li > ul li.parent2 a:hover.close::before {
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
}
.Nav > ul > li > ul li.parent3 a:hover.close::before {
	border-top: solid 2px #fff!important;
	border-right: solid 2px #fff!important;
}	
.Nav > ul > li > ul li.parent2 a.open::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
	left: auto;
    right: 8px;
    width: 6px;
    height: 6px;
    margin: -6px 0 0 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
	-webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.Nav > ul > li > ul li.parent3 a.open::before {
    display: block!important;
    content: ""!important;
    position: absolute!important;
    top: 50%!important;
	left: auto!important;
    right: 8px!important;
    width: 6px!important;
    height: 6px!important;
    margin: -6px 0 0 0!important;
    border-top: solid 2px #fff!important;
    border-right: solid 2px #fff!important;
	-webkit-transform: rotate(-45deg)!important;
    transform: rotate(-45deg)!important;
}
.Nav > ul > li > ul li.parent2 a.open {
    background: #044587;
	color: #fff;
}
.Nav > ul > li > ul li.parent3 a.open {
    background: #917440!important;
	color: #fff!important;
}
.Nav > ul > li > ul li.parent2 > ul li a.open::before {
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
}
.Nav > ul > li > ul li.parent3 > ul li a.open::before {
    border-top: solid 2px #fff!important;
    border-right: solid 2px #fff!important;
}
.Nav > ul > li > ul li.parent2 > ul li a.close::before {
	display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;/*第三階層　左にインデント深めにつけた*/
    width: 6px;
    height: 6px;
    margin: -6px 0 0 0;
    border-top: solid 2px #0b0c3e;
    border-right: solid 2px #0b0c3e;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.Nav > ul > li > ul li.parent3 > ul li a.close::before {
	display: block!important;
    content: ""!important;
    position: absolute!important;
    top: 50%!important;
    left: 10px!important;/*第三階層　左にインデント深めにつけた*/
    width: 6px!important;
    height: 6px!important;
    margin: -6px 0 0 0!important;
    border-top: solid 2px #0b0c3e!important;
    border-right: solid 2px #0b0c3e!important;
    -webkit-transform: rotate(45deg)!important;
    transform: rotate(45deg)!important;
}

.Nav > ul > li > ul li.parent2 a.close {
    background: #044587;
    color: #fff;
}
.Nav > ul > li > ul li.parent3 a.close {
	/*border-top: solid 2px #917440;*/
    background: #f8f6f6!important;
}
.Nav > ul > li > ul li ul li a::before {
    left: 20px;
}
/*第三階層 背景*/
.Nav > ul > li > ul li ul li a {
  padding-left: 25px;/*第三階層　左にインデント深めにつけた*/
  border-top: none!important;
  background: #fff!important;
  border-left: solid 10px #044587;
  color: #0b0c3e!important;
}


/*　ドロップダウン開いた時のデザイン　第１～３階層共通 */
.Nav > ul > li > ul {
  display: none;
  position: absolute;
  top: 53px;
  left: 0;
  width: auto;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 9;
  padding-inline-start: 0;

}
 
@media screen and (max-width: 1000px) {
  .Nav > ul > li > ul {
    background-color: #fbfbfb;
    position: static;
	padding-inline-start: 0;
  }
}
 
.Nav > ul > li > ul li {
	white-space: nowrap;
	list-style: none;
	/*height: 3.5em; これいれちゃだめ*/
	vertical-align: middle;
	line-height: 1.3;
}
 
.Nav > ul > li > ul li a {
	position: relative;
	padding: 0.9rem 20px;;
}
@media screen and (max-width: 1000px) {
  .Nav > ul > li > ul li a {
    border-bottom: 1px solid #ccc;
    background: #1f6dbc;
    color: #fff;
    white-space: normal;/*長文の場合自動改行*/
    height: 3.5em;
    vertical-align: middle;
    line-height: 1.3;
  }
}
.Nav > ul > li > ul li a::before {
    display: block;
    content: "";
    position: absolute;
    top: 55%;
    left: 5px;
    width: 6px;
    height: 6px;
    margin: -6px 0 0 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*.Nav > ul > li > ul li a:hover {
  text-decoration: underline;
}*/
 
/*@media screen and (max-width: 1000px) {
  .Nav > ul > li > ul li a:hover {
    background-color: #FFF;
  }
}*/



/*------------------------------------------------------------------------------
ページトップ
------------------------------------------------------------------------------*/
/* スマホ　start　++++++++++++++++++++++++++++++++++++++++++++ */
@media only screen and (max-width: 767px) {
    /*ページトップ*/
    #pagetop img {
        width: 60% !important;
        height: auto !important;
        float: right;
    }
} /* スマホ end　++++++++++++++++++++++++++++++++++++++++++++++ */




/*------------------------------------------------------------------------------
サブナビがないＰＣページのみで使用*/
@media only screen and (max-width: 939px) {
.subnav-none{
	background: none;
}
}
/*------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------
レスポンシブ用　サブナビ　各コンテンツ専用ドロップダウンメニュー
------------------------------------------------------------------------------*/
@media only screen and (max-width: 939px) {
.navi-sub-sp-accordion {
  width: 100%;
  margin-bottom: 20px;
}

.menu-box {
  padding: 0;
  box-sizing: border-box;
  z-index: 99;
}
.menu-box {
  padding: 0;
  background-color: none;
}
.menu-box .drop1 {
	border: 1px solid #0b0c3e;
	padding: 8px;
	color: #0b0c3e;
	}
.menu-box .drop1 {
}	
.menu-box ul {
  display: none;
  width: 100%;
　padding-inline-start: 0;
  padding: 0;/*これ必須*/
}
.menu-box ul li {
	display: block;
	padding: 8px;
    background-color: #eee;
	border-bottom: 1px solid #fff;

}
.menu-box ul li.drop2 span{
	color: #0b0c3e;
	display: block;
    background: #fff;
    padding: 10px;
}
.menu-box ul li.drop2 ul li{
	border-bottom: 1px solid #ccc;
}
/*.menu-box ul li.drop2 ul a li.active  {
	background: #917440;
}*/
.menu-box ul li.drop2 ul a {
	text-decoration: none;
	color: #0b0c3e;
}

.menu-box ul li.drop2 ul a li:before {
	content: '\f105';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	padding-right: 5px;
}
.menu-box ul li.drop2 ul a li.active :before {
	content:inherit;
}
/*.menu-box ul li.drop2 ul a li:last-child {
  border-bottom: none;
}*/
.drop1:after {
  content: '\f078';
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  color: #0b0c3e;
  float: right;
}
.drop2 span:after {
  content: '\f078';
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  color: #0b0c3e;
  float: right;
}
.drop1.active:after,.drop2 span.active:after {
  content: '\f00d';
}
}
@media screen and (max-width: 310px) {/*極小デバイス対策*/
.menu-box .drop1 {
	margin-top: 40px;
	}
}
	
/*------------------------------------------------------------------------------
レスポンシブ　ナビ　リンクtable design1
------------------------------------------------------------------------------*/

table.responsive-navi-table-design1{
	width: 49.8%;
	border-collapse: collapse;
	vertical-align: middle;
}
table.responsive-navi-table-design1 td{
	position: relative;
}
table.responsive-navi-table-design1 td:after {
	content: '\f105';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	color: #0b0c3e;
	position: absolute;
	top: 38%;
	right: 5px;
}

table.responsive-navi-table-design1 td.right-area:after {
	top: 38%;
}
table.responsive-navi-table-design1 td.cell-link {
	padding: 0;
	height: 0;
}
table.responsive-navi-table-design1 td.cell-link a{
	height: 100%;
	padding: 2px 15px 2px 5px;
	display: flex;
	align-items: center;
	text-decoration: none;
	font-size: 0.8rem;
	line-height:1.3;
}

	
table.responsive-navi-table-design1 th.left-area,table.responsive-navi-table-design1 th.right-area {
  color: #fff;
  font-weight: normal;
}
table.responsive-navi-table-design1 th.left-area {
	background: #0b0c3e;
	border: 1px solid #0b0c3e;
	vertical-align: middle;
	padding: 5px 0;
}
table.responsive-navi-table-design1 th.right-area {
	background: #917440;
	border: 1px solid #917440;
	vertical-align: middle;
	padding: 5px 0;
}
table.responsive-navi-table-design1 th.left-area2 {
	background: #fff;
	vertical-align: middle;
	padding: 0;
	color: #0b0c3e;
}
table.responsive-navi-table-design1 th.right-area2 {
	background: #fff;
	vertical-align: middle;
	padding: 0;
	color: #0b0c3e;
}
table.responsive-navi-table-design1 td a {
	color: #333;
}
table.responsive-navi-table-design1 td.left-area {
  border: 1px solid #0b0c3e;
  vertical-align: middle;
  background: #fff;
  height: 3em;
}

.responsive-box-navi-navi3-in table.responsive-navi-table-design1 td.left-area {
    height: 2.7em;
}
table.responsive-navi-table-design1 td.right-area {
  border: 1px solid #917440;
  vertical-align: middle;
  /*height: 56.5px;*/
  /*height: 78.5px;*/
	height: 39px;
  background: #fff;
}

table.responsive-navi-table-design1 td a:hover  {
    color: #333;
	text-decoration: underline;
}


/*------------------------------------------------------------------------------
レスポンシブテーブルデザイン　hanyo-table-responsive-1
------------------------------------------------------------------------------*/
table.hanyo-table-responsive-1{
  border-collapse: collapse;
  width: 100%;
}
.hanyo-table-responsive-1 th,
.hanyo-table-responsive-1 td{
  padding: 10px;
  border: solid 1px #ccc;
  text-align:left;
  box-sizing:border-box;
}
.hanyo-table-responsive-1 th {
	background: #777;
	color: #fff;
	line-height: 1.4;
	font-weight: normal;
	 position: relative;
}
.hanyo-table-responsive-1 th.link-mark a:after {
    position: absolute;
    content: '\f105';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    top: 50%;
    right: 5px;
    left: auto;
    bottom: auto;
    transform: translateY(-50%);
}
.hanyo-table-responsive-1 th.bg-kon {
	background: #0b0c3e;
}
.hanyo-table-responsive-1 th.bold {
	font-weight: bold!important;
}
@media screen and (max-width: 939px) {
  .hanyo-table-responsive-1 .head{
    display:none;
  }
  .hanyo-table-responsive-1 {
    width: 100%;
  }
  .hanyo-table-responsive-1 td,
  .hanyo-table-responsive-1 th{
    display: block;
    width: 100%;
    border-bottom:none;
  }
  .hanyo-table-responsive-1 td{
    padding: 0px 12px 0 0;
    display: block;
    width: 100%;
    line-height: 2.5;
    text-align:left;
  }
  .hanyo-table-responsive-1 td:before{
    color: #fff;
    content: attr(data-label);
    font-weight: bold;
    padding: 0px 10px;
    display: inline;
    background: #0b0c3e;
    margin-right: 10px;
    float: left;
  }
  .hanyo-table-responsive-1 tr:last-child{
    border-bottom: solid 1px #ccc;
  }
}



/*------------------------------------------------------------------------------
レスポンシブ　メニューボタンの中のCVボタンエリア
------------------------------------------------------------------------------*/

.cv-btn{
	width: 49.8%;
	background: #0b0c3e;
}
.cv-btn-half a{
	color: #fff;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	font-size: 1.1rem;
	padding: 8px 0;
}
.cv-btn-half-1{
	background: #00a0e9;
	padding: 10px 0 4px;
	vertical-align: middle;
}
.cv-btn-half-1 a{
	height: 2em;
	display: block;
	align-items: center;
}

.cv-btn-half-2{
	background: #0b0c3e;
	padding: 10px 0 4px;
	vertical-align: middle;
}
.cv-btn-half-2 a{
	height: 2em;
	display: block;
	align-items: center;
}
.cv-btn-full{/*紺色ボタン*/
	width: 100%;
	text-align: center;
	vertical-align: middle;
	/*height: 0;*/
	background: #0b0c3e;
	font-size: 1.1rem;
}
.cv-btn-full2{ /*水色ボタン*/
	width: 100%;
	text-align: center;
	vertical-align: middle;
	/*height: 0;*/
	background: #00a0e9;
	font-size: 1.1rem;
}
.cv-btn-full a,.cv-btn-full2 a{
	/*height: 100%;*/
	display: block;
	align-items: center;
	text-decoration: none;
	color: #fff;
	position: relative;
	padding: 0.7em 0 0.3em;
    min-height: 1.5em;
}

.cv-btn-full a:after {
  position: absolute;
  content: '\f105';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  top: 50%;
  right: 5px;
  left: auto;
  bottom: auto;
  transform: translateY(-50%);
}
.cv-btn-full2 a:after {
  position: absolute;
  content: '\f105';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  top: 50%;
  right: 5px;
  left: auto;
  bottom: auto;
  transform: translateY(-50%);
}


	
.responsive-icon-svg{ fill:#fff; width:1.8em; vertical-align: middle; margin-right: 5px!important;}
.responsive-icon-svg-no-mr{ fill:#fff; width:1.8em; vertical-align: middle; margin-right: 0!important;}
.responsive-icon-svg-big{ fill:#fff; width:2.3em; vertical-align: middle; margin-right: 5px!important;}
@media only screen and (max-width: 939px) {	
.responsive-icon-svg{ fill:#fff; width: 1.7em; vertical-align: middle; margin-right: 2px!important;}
.responsive-icon-svg-no-mr{ fill:#fff; width: 1.7em; vertical-align: middle; margin-right: 0px!important;}
.responsive-icon-svg-big{ fill:#fff; width: 2.2em; vertical-align: middle; margin-right: 2px!important;}	
}



/*responsive-box-navi　系　公式サイト　レスポンシブのメニュー内のナビとTOPで使われている*/
/*------------------------------------------------------------------------------
.responsive-box-navi
------------------------------------------------------------------------------*/
.responsive-box-navi-navi {
  font-size: 0.9rem;
  overflow: hidden;
}

.box-navi-border-dark-gray {
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
}
.box-navi-border-deep-blue {
  border-left: 1px solid #0b0c3e;
  border-top: 1px solid #0b0c3e;
}

.responsive-TOPindex-only{ /*公式サイトTOPページだけ*/
  margin: 0!important;
}
.responsive-box-navi-navi ul {
	padding-inline-start: 0;
}


.responsive-box-navi-navi li.column1 { /*1列*/
	width: 99.7%;
	float: left;
	list-style: none;
	background: #fff;
}
.responsive-box-navi-navi li.column2 { /*2列*/
	width: 49.6%;
	float: left;
	list-style: none;
	background: #fff;
}

.responsive-box-navi-navi li.navi-border-dark-gray{
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.responsive-box-navi-navi li.navi-border-deep-blue{
	border-right: 1px solid #0b0c3e;
	border-bottom: 1px solid #0b0c3e;
}

.responsive-box-navi-navi li.bg-gold a{
	background: #917440!important;
	color: #fff;
}

.responsive-box-navi-navi li.bg-deep-mizuiro a{
	background: #00a0e9!important;
	color: #fff;
}

.responsive-box-navi-navi li.bg-deep-blue a{
	background: #0b0c3e!important;
	color: #fff;
}


.responsive-box-navi-navi a {
  display: flex;
  float: none;
  position: relative;
  margin: 0;
  padding: 0 30px 0 10px;
  color: #333;
  text-align: left;
  height: 3.2em;
  vertical-align: middle;
  -webkit-box-align: center;
  */ -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.1;
  font-size: 0.9em;
  text-decoration: none;
  background: #fff;
}

.responsive-box-navi-navi .height-tall a {/*高めの枠*/
  height: 4.5em;
}
.responsive-box-navi-navi .height-small a {/*高めの枠*/
  height: 2.5em;
}

.responsive-box-navi-navi a:hover {
  background: #f6f6f6;
  color: #333;
}
.responsive-box-navi-navi a:after {
  position: absolute;
  content: '\f105';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  top: 50%;
  right: 5px;
  left: auto;
  bottom: auto;
  transform: translateY(-50%);
}

.responsive-box-navi-waku{
	padding: 10px;
	border: 1px solid #ccc;
}
/*------------------------------------------------------------------------------
.responsive-box-navi2　レスポンSP　
------------------------------------------------------------------------------*/
.responsive-box-navi-navi2 {
	font-size: 0.9rem;
	overflow: hidden;
	border: 1px solid #0b0c3e;
	background: #0b0c3e;
	padding: 5px 10px 10px;
}
.responsive-box-navi-navi2.gold {
	background: #917440;
	border: 1px solid #917440;
}
.responsive-box-navi-navi2.no-bg {
	background: #fff;
	border: 1px solid #ccc;
}
.responsive-box-navi-navi2 li.chuumoku a { /*注目させたいコンテンツ*/
	background: #b9e3f6;
	padding: 10px 30px 10px 10px;/*IPO注目BOX*/
}
.responsive-box-navi-navi2 li .chuumoku-box { /*注目させたいコンテンツ 水色*/
	background: #00a0e9;
	padding: 5px;
	margin-right: 5px;
	color: #fff;
	min-width: 35px; /*IPO注目BOX*/
 }
.responsive-box-navi-navi2 ul {
	padding-inline-start: 0;
}
.responsive-box-navi-navi2 li {
	width: 100%;
	float: left;
	border-bottom: 1px solid #0b0c3e;
	list-style: none;
}
.responsive-box-navi-navi2 ul.ul-border-tlr { /*1列用*/
	overflow: hidden;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
}
.responsive-box-navi-navi2 ul.ul-border-tl { /*2列用*/
	overflow: hidden;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}
.responsive-box-navi-navi2.column2 li { /*2列*/
	width: 49.5%;
	float: left;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	list-style: none;
	background: #fff;
}
.responsive-box-navi-navi2.column2 li a{ /*2列*/
	font-size: 0.8rem;
}

.responsive-box-navi-navi2.no-bg li {
	border-bottom: 1px solid #666;
}
.responsive-box-navi-navi2.gold li {
	border-bottom: 1px solid #917440;
}
.responsive-box-navi-navi2 a {
	display: flex;
	float: none;
	position: relative;
	margin: 0;
	padding: 0 30px 0 10px;
	color: #333;
	text-align: left;
	height: 2.8em;
	vertical-align: middle;
	line-height: 1.3;
	-webkit-box-align: center;
	*/ -webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 0.9rem;
	text-decoration: none;
	background: #fff;
}
.responsive-box-navi-navi2 a:hover {
  background: #f6f6f6;
  color: #333;
}
.responsive-box-navi-navi2 a:after {
  position: absolute;
  content: '\f105';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  top: 50%;
  right: 5px;
  left: auto;
  bottom: auto;
  transform: translateY(-50%);
}

.responsive-box-navi-navi2-midsashi-white{
	color:#fff;
	text-align:center;
	font-size:1.0rem;
	padding-bottom:5px;
}
.responsive-box-navi-navi2-midsashi-color{
	color:#0b0c3e;
	text-align:center;
	font-size:1.0rem;
	padding-bottom:5px;
	font-weight: 500;
}
/*------------------------------------------------------------------------------
.responsive-box-navi2-2 ２列にしたいとき
------------------------------------------------------------------------------*/
.responsive-box-navi-navi2-2 {
  font-size: 0.9rem;
  overflow: hidden;
  border: 1px solid #0b0c3e;
  background: #0b0c3e;
  padding: 5px 10px 10px;
}
.responsive-box-navi-navi2-2 li.chuumoku a { /*注目させたいコンテンツ*/
   background: #b9e3f6;
}
.responsive-box-navi-navi2-2 li .chuumoku-box { /*注目させたいコンテンツ*/
	background: #00a0e9;
	padding: 5px;
	margin-right: 5px;
	color: #fff;
	
 }
.responsive-box-navi-navi2-2 ul {
	padding-inline-start: 0;
}
.responsive-box-navi-navi2-2 li {
	width: 49.6%;
	float: left;
	border-right: 1px solid #ccc;
	border-bottom: 2px solid #ccc;
	list-style: none;
	background: #fff;
	border-bottom: 1px solid #0b0c3e;
}
.responsive-box-navi-navi2-2 a {
  display: flex;
  float: none;
  position: relative;
  margin: 0;
  padding: 0 30px 0 10px;
  color: #0b0c3e;
  text-align: left;
  height: 2.8em;
  vertical-align: middle;
  line-height: 1.3;
  -webkit-box-align: center;
  */ -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.9rem;
  text-decoration: none;
  background: #fff;
}
.responsive-box-navi-navi2-2 a:hover {
  background: #f6f6f6;
  color: #333;
}
.responsive-box-navi-navi2-2 a:after {
  position: absolute;
  content: '\f105';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  top: 50%;
  right: 5px;
  left: auto;
  bottom: auto;
  transform: translateY(-50%);
}





/*------------------------------------------------------------------------------
#responsive-box-nav3
------------------------------------------------------------------------------*/
.responsive-box-navi-navi3 {
  font-size: 0.9rem;
  overflow: hidden;
  margin: 20px 0;
  border: 1px solid #00a0e9 ;
  background: #00a0e9 ;
  padding: 5px 10px 10px;
}
.responsive-box-navi-navi3-in {
	padding: 10px;
    background: #fff;
    overflow: hidden;
}
.responsive-box-navi-navi3-inbox ul {
	padding-inline-start: 0;
}
.responsive-box-navi-navi3-inbox li {
  width: 100%;
  float: left;
  border: 1px solid #0b0c3e;
  list-style: none;
}
.responsive-box-navi-navi3-inbox li.chuumoku a { /*注目させたいコンテンツ*/
   background: #b9e3f6;
}
.responsive-box-navi-navi3-inbox li .chuumoku-box { /*注目させたいコンテンツ*/
	background: #00a0e9;
	padding: 5px;
	margin-right: 5px;
	color: #fff;
 }


.responsive-box-navi-navi3-inbox a {
  display: flex;
  float: none;
  position: relative;
  margin: 0;
  padding: 0 30px 0 8px;
  color: #0b0c3e;
  text-align: left;
  height: 2.8em;
  vertical-align: middle;
  line-height: 1.3;
  -webkit-box-align: center;
  */ -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.9rem;
  text-decoration: none;
  background: #fff;
}
.responsive-box-navi-navi3-inbox a:hover {
  background: #f6f6f6;
  color: #333;
}
.responsive-box-navi-navi3-inbox a:after {
  position: absolute;
  content: '\f105';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  top: 50%;
  right: 5px;
  left: auto;
  bottom: auto;
  transform: translateY(-50%);
}


/*---------------------------------------------------------------------*/
/*hssec_x.cssに記載されているものでレスポンシブ化が必要なもの
---------------------------------------------------------------------*/

/*左ナビ*/
@media only screen and (max-width: 939px) {
/*PC版の打ち消し　start*/
#vlist_pad1{float:inherit;}
#vlist_pad2{width: inherit;}
#vlist *{color: inherit; text-decoration: inherit;}
/*PC版の打ち消し　end*/

#vlist{
	font-size: 0.9rem;
	overflow: hidden;
	margin-bottom: 20px;
	border-left: 1px solid #ccc;
}

.vlist_top{
	/*PC版の打ち消し　start*/
	height: 2em;
	font-size: inherit;
	font-weight: inherit;
	/*PC版の打ち消し　end*/
	padding: 0.9em 0 0.3em 1em;
	/*border: none;*/
	width: 98.5%;
	background: #0b0c3e;
	color: #fff!important;
	overflow: hidden;/*.vlist1, .vlist1activeにかけたfloatのクリア*/
}
.vlist_top a{
	display: flex;
	position: relative;
	color: #fff;
	text-decoration: none;
}
.vlist_top a:visited{
	color: #fff;
	text-decoration: none;
}

.vlist_top a:after {
  position: absolute;
  content: '\f105';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  top: 50%;
  right: 15px;
  left: auto;
  bottom: auto;
  transform: translateY(-50%);
  color: #fff;
}	
	
/*#vlist li:nth-child(2) {
	border-top: 1px solid #ccc;
}
#vlist li:nth-child(3) {
	border-top: 1px solid #ccc;
}*/
.vlist1, .vlist1active, .vlist2, .vlist2active {
	/*PC版の打ち消し　start*/
	background:inherit;
	height: inherit;
	padding: inherit;
	background-color: inherit;
	border-left:none;
	border-top: none;
	/*PC版の打ち消し　end*/
	width: 49.6%;
	float: left;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-decoration: none;
}
	
li.vlist1, li.vlist1active, li.vlist2, li.vlist2active {/*スマホ実機ででてくるので必須*/
	list-style-type: none;
}


	
	
.vlist1 a, .vlist1active a{
	display: flex;
	float: none;
	position: relative;
	margin: 0;
	padding: 1em 30px 1em 10px;
	color: #fff;
	text-align: left;
	height: 1em;
	vertical-align: middle;
	line-height: 1.3;
	-webkit-box-align: center;
	*/ -webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 0.7rem;
	text-decoration: none;
	background: #1f6dbc;
    border: 5px solid #1f6dbc;
}
	
.vlist2 a, .vlist2active a{
	display: flex;
	float: none;
	position: relative;
	margin: 0;
	padding: 1em 30px 1em 28px;
	color: #0b0c3e;
	text-align: left;
	height: 1em;
	vertical-align: middle;
	line-height: 1.3;
	-webkit-box-align: center;
	*/ -webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 0.7rem;
	text-decoration: none;
    background: #f3f3ff;
	border: 5px solid #044587;
}
.vlist1active a{
	background: #044587;
	font-weight: normal;
	border: 5px solid #044587;
}
.vlist2active a{
	font-weight: normal;
	background: #FEEFF5;
	border: 5px solid #044587;
}
.vlist1 a:hover, .vlist1active a:hover, .vlist2 a:hover, .vlist2active a:hover {
  background: #f6f6f6;
  color: #333;
}
.vlist1 a:after, .vlist1active a:after {
  position: absolute;
  content: '\f105';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  top: 50%;
  right: 5px;
  left: auto;
  bottom: auto;
  transform: translateY(-50%);
}
.vlist2 a:before, .vlist2active a:before {
  position: absolute;
  content: '\f152';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  top: 50%;
  right: auto;
  left: 15px;
  bottom: auto;
  transform: translateY(-50%);
  color: #044587;
}
.vlist2 a:after, .vlist2active a:after {
  position: absolute;
  content: '\f105';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  top: 50%;
  right: 5px;
  left: auto;
  bottom: auto;
  transform: translateY(-50%);
  color: #044587;
}

.edge_wline{
	padding:10px;
	border: 4px double #CCC;
	background-color:#F9F9F9;
	text-align: center;
	line-height:220%;
	letter-spacing:0.2mm;
	font-size: 1.1em;
}	
	
}
@media only screen and (max-width: 939px) {
/**　ミニバナー　**/
	
#minibn .minibn1,#minibn .minibn3{
	float: left;
	width: 49%;
	/*border-right: 1px solid #ccc;*/
	padding: 0 2px 0 0; 
}
#minibn .minibn2,#minibn .minibn4{
	float: left;
	width: 49%;
	padding: 0 0 0 2px; 
}
#minibn .minibn1,#minibn .minibn2{
	/*border-bottom: 1px solid #ccc;*/
}	
#minibn .minibn1,#minibn .minibn2,#minibn .minibn3 {
	margin-right:0;
}
#minibn .minibn1 img,#minibn .minibn2 img,#minibn .minibn3 img,#minibn .minibn4 img{
	width: 96%;
}
	


/*左カラムナビデザイン　　vlistと同じCSSを債券専用CSSにもあてる
*//* ------------------サイドナビ設定 カテゴリ「債券」----------------------- */
@media only screen and (max-width: 939px) {
/* 第一要素（新発債券、既発債券、はじめての債券投資、スプレッド、購入方法、債券レポート、外貨決済、債券の種類、個人向け国債、過去の取扱実績、お預かり状況等の確認方法）ボタン設定 */
#bond_new,#bond_kih,#bond_str,#beg,
#spr,#about_acc,#bond_mar,#kes,#about_dis,
#bond_lineup,#bond_koj,#past_res,#deposit_che,#rikin_uketori,
#tax,#about_dis02,#service_norikae,#service_soukinfee,#service_soukinfee,#bond_ordermade,#service_transfer {	
	width: 49.6%;
	float: left;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
	
	
/* 第一要素（新発債券、既発債券、はじめての債券投資、スプレッド、購入方法、債券レポート、外貨決済、債券の種類、個人向け国債、過去の取扱実績、お預かり状況等の確認方法）ボタン設定 */
#bond_new a,#bond_kih a,#bond_str a,#beg a,
#spr a,#about_acc a,#bond_mar a,#kes a,#about_dis a,
#bond_lineup a,#bond_koj a,#past_res a,#deposit_che a,#rikin_uketori a,
#tax a ,#about_dis02 a,#service_norikae a,#service_soukinfee a,#service_soukinfee a,#bond_ordermade a,#service_transfer a {
	/*PC版の打ち消し　start*/
	border: none;
	background: none;
	background-color: #fff;
	display: inherit;
	/*PC版の打ち消し　end*/
	display: flex;
	float: none;
	position: relative;
	margin: 0;
	padding: 0 30px 0 10px;
	color: #333;
	text-align: left;
	height: 3.5em;
	vertical-align: middle;
	-webkit-box-align: center;
	*/ -webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	line-height: 1.3;
	font-size: 0.7rem;
	text-decoration: none;
}

/* 第一要素 ボタン設定 マウスオーバー */
#bond_new a:hover,#bond_kih a:hover,#beg a:hover,
#spr a:hover,#about_acc a:hover,#bond_mar a:hover,#kes a:hover,#about_dis a:hover,
#bond_lineup a:hover,#bond_koj a:hover,#past_res a:hover,#deposit_che a:hover,#rikin_uketori a:hover,
#tax a:hover,#about_dis02 a:hover,#service_norikae a:hover,#service_soukinfee a:hover,#bond_ordermade a:hover{
	/*PC版の打ち消し　start*/
	border: none;
	/*PC版の打ち消し　none*/
	display: flex;
	background: #f6f6f6;
  　color: #333;
	padding: 0 30px 0 10px;
	height: 3.5em;
	vertical-align: middle;
	-webkit-box-align: center;
	*/ -webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

#bond_new a:after,#bond_kih a:after,#beg a:after,
#spr a:after,#about_acc a:after,#bond_mar a:after,#kes a:after,#about_dis a:after,
#bond_lineup a:after,#bond_koj a:after,#past_res a:after,#deposit_che a:after,#rikin_uketori a:after,
#tax a:after,#about_dis02 a:after,#service_norikae a:after,#service_soukinfee a:after,#bond_ordermade a:after{ 
	position: absolute;
	content: '\f105';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	top: 50%;
	right: 5px;
	left: auto;
	bottom: auto;
	transform: translateY(-50%);
}

	
/* 第二要素　ボタン設定
はじめての債券投資(入門編、実践編、よくあるご質問Q&A)
購入方法（パソコンからの購入、スマートフォンからの購入）
債券の種類(ディスカウント債、ゼロクーポン債、利付債)） */

#beg_nyu a,#beg_jis a,#beg_faq a,
#about_acc_pc a,#about_acc_sp a,
/*#about_dis02 a,*/#about_zer a,#about_cou a,
#tax1 a,#tax2 a,#tax3 a,#tax4 a,#tax5 a,#tax6 a,#tax7 a,#tax8 a {
	/*PC版の打ち消し　start*/
	border: none;
	background: none;
	background-color: #fff;
	display: inherit;
	/*PC版の打ち消し　end*/
	display: flex;
	float: none;
	position: relative;
	margin: 0;
	padding: 0 30px 0 10px;
	color: #333;
	text-align: left;
	height: 3.5em;
	vertical-align: middle;
	-webkit-box-align: center;
	*/ -webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	line-height: 1.3;
	font-size: 0.7rem;
	text-decoration: none;
}


/* 第二要素 ボタン設定 マウスオーバー */
#beg_nyu a:hover,#beg_jis a:hover,#beg_faq a:hover,
#about_acc_pc a:hover,#about_acc_sp a:hover,
/*#about_dis02 a:hover,*/#about_zer a:hover,#about_cou a:hover,
#tax1 a:hover,#tax2 a:hover,#tax3 a:hover,#tax4 a:hover,#tax5 a:hover,#tax6 a:hover,#tax7 a:hover,#tax8 a:hover {
	/*PC版の打ち消し　start*/
	border: none;
	/*PC版の打ち消し　none*/
	display: flex;
	background: #f6f6f6;
  　color: #333;
	padding: 0 30px 0 10px;
	height: 3.5em;
	vertical-align: middle;
	-webkit-box-align: center;
	*/ -webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

#beg_nyu a:after,#beg_jis a:after,#beg_faq a:after,
#about_acc_pc a:after,#about_acc_sp a:after,
/*#about_dis02 a:after,*/#about_zer a:after,#about_cou a:after,
#tax1 a:after,#tax2 a:after,#tax3 a:after,#tax4 a:after,#tax5 a:after,#tax6 a:after,#tax7 a:after,#tax8 a:after {
	position: absolute;
	content: '\f105';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	top: 50%;
	right: 5px;
	left: auto;
	bottom: auto;
	transform: translateY(-50%);
}
	
	
/*セミナー　リスト　申込ボタン*/
.bt_mousikomi {
    background: #00A0E9;
    color: #FFF;
    padding: .6vh 2vh;
    letter-spacing: 1px;
    display: block;
    border-radius: 100vh;
    float: none;
    margin-top: 10px;
	text-align: center;
}

	
	
	
}
/*//hssec_x.cssに記載されているものでレスポンシブ化が必要なもの ここまで*/

/*印刷設定*/
@media print{
    .no_print{
        display: none;
    }
}


/*20230208
TOP　index.htm にRWDのヘッダーを直書きした。（includeファイル：header-rwd.txt　を読ませた。）
responsive.jsにて読ませているresponsive.cssと重複するので、hssec_x2.cssでは#header-rwd-includeをdisplay: none;かける。responsive.cssにdisplay:block;をかける。
*/
#header-rwd-include{
	display: block;
}