@charset "utf-8";
/*
Theme Name: b-lot
Theme URI:
Description: b-lot様用テーマ
Author: KTAXweb
Version: 1.0
*/

/* ==============================================================
    2017/09/12 「反社会的勢力に対する排除基本方針」のページ追加
    2017/09/12 「プライバシーポリシー」のページ追加
================================================================ */

/*以降、カスタマイズ領域*/

/*//////////////////////////////
 * b-lotアセットマネジメント様用スタイル
 /////////////////////////////*/
/*-------------
 * 共通
 * ------------*/
table{border-collapse:collapse;border-spacing:1px;}
.arrow1{background:url(img/common/arrow1.png) no-repeat left center;padding-left:9px;}
.arrow2{background:url(img/common/arrow2.png) no-repeat left center;padding-left:15px;}
.arrow3{background:url(img/admissions_statistics/admissions_statistics_mark1.png) no-repeat left center;padding-left:12px;}
.title_bg1{ border-bottom: 2px solid #aaa; margin: 20px 20px 15px; padding: 8px 0px 5px; line-height: 1;}
.title_bg1 span {    border-bottom: 2px solid #9E0001; font-weight: bold;font-size:16px; padding: 8px 10px;}
.h2title1{ color:#fff; padding:15px 0 0 35px; margin-bottom:5px;background:url(img/common/title.png) no-repeat left top #777;width:695px;height:45px; font-size:150%;}
@media screen and (max-width: 768px) {
	.h2title1{ width: auto;padding: 13px 0 0px 35px;    font-size: 20px;}
	 .title_bg1 {
    width: auto !important;
    margin: 0 13px 20px;
    margin-bottom: 20px;
    background: none !important;
    padding: 0 0 5px !important;
    border-bottom: 1px solid #9e0001 !important;
  }
	.title_bg1 span {
  font-size: 18px;
  padding: 10px 3px; border: none;
}
	.table01 {width: auto;}
}
/*-------------
 * Index
 * ------------*/
#index_body #main{padding-top:0px;}
#index_body #contents{width:732px;padding:0 0 10px;}
/*/// main_image ///*/
#index_body .mainimage_bg{padding:0px;height:450px;margin-bottom:30px;}
#index_body .mainimage_bg .mainimage {width:980px;margin:0 auto;position:relative; z-index:0;}
#slide {width:980px;height:450px;margin:0 auto;position:relative;}
#slide img {position:absolute;left:0;top:0;}
@media screen and (max-width: 768px) {
	#index_body #contents{width:100%;margin-bottom: 50px;}
	#index_body .mainimage_bg{height:200px;}
	#slide {width:100%;height:auto;}
	#slide li{width:100%!important;height:auto;}
#slide img {width: 100%;}
}
/*/// コンテンツ ///*/
/* #cont1 */
.index #cont1{margin:0px auto;background-color:#fff; border:1px solid #fff;padding: 10px;}
.index #cont1 h3{;height:28px;border-left: 5px solid #9e0001;
  padding-left: 10px;
  margin: 5px 0px;
  font-size: 16px;}
.index #cont1 ul.new{ height: 235px; overflow: auto;}
.index #cont1 ul li{margin-top:5px;padding:0px 15px 5px;border-bottom:1px dashed #ddd;}
.index #cont1 ul li span{font-size:12px;margin-right:10px;}
.index #cont1 ul li a{color:#9e0001;font-size:12px;margin-right:10px;}
.index #cont1 ul li img{vertical-align:middle;margin-right:10px}
@media screen and (max-width: 768px) {
.index #cont1 ul.new {  margin-bottom: 30px;}
	}
.index #cont1 button {
  -webkit-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  border: 0;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit;
  cursor: pointer;
}

/* layout 
----------------------------------*/
.b-articles{overflow: auto;  max-height: 345px;}
.index #cont1 .container {
  width: 100%;
  max-width: 800px;
  margin: auto;
}
.index #cont1 .container ul li { padding: 0; border-bottom: none;}
/* tab ----------------*/
.b-tabs {
  display: flex;
  justify-content: space-between;
  background: #fff;
  padding-bottom: 2px;
  /*filter: drop-shadow( 0 4px 2px rgb( 0 0 0  / .1 ));*/
}
.b-tabs li {
  display: block;
  width: calc( 98% / 3 );
}
.b-tabs button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: .5em 1em;
  opacity: .7;
  font-size: .8em;
  text-align: center;
  border-radius: 5px 5px 0 0;
}
.b-tabs .active button,
.b-tabs button:hover {
  transform: translateY(2px);
  opacity: 1;
}
.b-tabs .active button {
  font-weight: 700;
  pointer-events: none;
  color: #fff;
	border-bottom: 2px solid #9e0001;
}

/* post ----------------*/
.b-post {
  position: relative;
  overflow: hidden;
}
.b-post::before{
  content: "";
  display: block;
  width: 120%;
  height: 100%;
  position: absolute;
  right: 120%;
  transform-origin: left;
  transform: skewX(25deg);
  background-image: linear-gradient(150deg, #fff 0%, #fff 25%, #fef9d7 100%);
  z-index: -1;
  transition: .4s ease-out;
}
.b-post:hover::before {
  right: -10%;
}
.b-post a {
  display: flex;
  flex-wrap: wrap;
  padding: 15px 0 15px .8em;
  border-bottom: 1px dashed #ccc;
	text-decoration: none;
}
.b-postDate,
.e-postTitle {
  margin: .3em 0;
}
.b-postDate {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
}
.e-time {
  font-size: .9em;
}
.e-catName {
  display: inline-flex;
  align-items: center;
  margin: 0 1em;
  padding: .2em .5em;
  border-radius: 3px;
  font-size: .75em;
  color: #fff;
}
.e-postTitle {
  line-height: 1.5;
}

/* cat color */
.cat-all button{
  background: #ebebeb;
  color: #fff;
}
.cat-cat1 button,
[data-cat="cat1"] {
  background: #98D6C3;
}
.cat-cat2 button,
[data-cat="cat2"] {
  background: #F2C744;
}
/*-------------
 * 事業内容(business)
 * ------------*/
.page2 ol{padding:10px 60px 0px;width:650px}
.page2 ol li{ list-style:decimal;}
.page2 ul{padding:10px 60px 40px;width:650px}
.page2 ul li{background: url(images/point1.png) no-repeat scroll left 8px transparent; padding-left:10px;}
/* #cont1 */
.page2 #cont1{margin-bottom:30px;}
.page2 #cont1 h4{background: none repeat scroll 0% 0% #F2F2F2;border-left: 10px solid #B8292E;padding: 8px 0px 9px 10px;margin: 10px 20px 5px;line-height: 1;font-weight: bold; font-size:14px;}
.page2 #cont1 p{ padding:20px 20px;}
.page2 #cont1 .clrb{ clear:both;}
/* #cont2 */
.page2 #cont2{ margin-bottom:30px;}
.page2 #cont2 h4{margin:30px 20px 0; color:#9e0001; background: url(images/point1.png) no-repeat scroll left 9px transparent; padding-left:10px; font-size:14px;}
.page2 #cont2 div{padding:20px 20px;}
.page2 #cont2 p{padding:10px 20px 0;}
.page2 #cont2 img{margin: 20px 92px;}
@media screen and (max-width: 768px) {
	.page2 #cont1 { margin-top: 30px;}
	.page2 #cont1 h4{font-size: 16px;}
.page2 ul{width:auto; padding: 10px 20px 40px 35px;}
	.page2 ul li{font-size: 16px;}
.page2 #cont2 img {
  margin: 20px 0px;
  width: 100%;
}
	.page2 #cont2 p{font-size: 16px;}
	.page2 ol {  width: auto;}
	.page2 ol li{font-size: 16px;}
}
/*-------------
 * 会社概要()
 * ------------*/
#body_68 #gnav li .nav2{background-position:-196px -50px;}
/*/// コンテンツ ///*/
/* #cont1 */
.page68 #cont1{margin-bottom:30px; padding:0 20px;}
.page68 #cont1 h4{margin-bottom:40px;}
.page68 table {    border-collapse: collapse; border-spacing: 0;  margin: 30px 0; width: 690px;}
.page68 table th {
    background-color: #eeeeee;
    border-bottom: 1px solid #c9caca;
    border-top: 1px solid #c9caca;
    color: #424242;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 0.2em;
    padding: 10px 20px;
    text-align: left;
    vertical-align: top;
    width: 130px;
}
.page68 table td {
    border-bottom: 1px solid #c9caca;
    border-top: 1px solid #c9caca;
    letter-spacing: 0.1em;
    padding: 10px 20px;
}
.page68 table td p{ padding-top:20px;}
.page68 table td dl dt{ float:left; /*width: 100px; padding-left:10px;*/ }
.page68 table td dl dd{ /*margin-left:70px;*/ padding-bottom:10px; }
.page68 table td dl dd::before {
    content: "：";
    margin-right: 0.5em;}

@media screen and (max-width: 768px) {
	.page68 table{ width:auto;}
.page68 table th {
		float: left;
		width: 100%;
		font-size: 15px;
		padding: 7px 13px;
		border: none;
		background-color: #E6E4E5;
		box-sizing: border-box;
	}
	
	.page68 table td {
		float: left;
		width: 100%;
		font-size: 15px;
		padding: 8px 15px 25px;
		border: none;
		box-sizing: border-box;
		letter-spacing: 0;
	}

	.page68 table td a {
		font-size: 15px;
		color: #222 !important;
	}
	
	.page68 table .map {
		padding: 8px 0 14px;
	}
	
	.page68 table td iframe {
		width: 100%;
		height: 228px;
	}

	.page68 table td small a {
		display: none;
	}

	.page68 table td span {
		margin-right: 56px !important;
	}

	.page68 table td .textSpan01 {
		margin-right: 71px !important;
	}
	
	.page68 table td .textSpan02 {
		margin-right: 116px !important;
	}
	
	.page68 table td .textSpan03 {
		margin-right: 11px !important;
	}
	.page68 table td .textSpan04 {
		margin-right: 85px !important;
	}
}

/*-------------
 * 代表挨拶()
 * ------------*/
/*/// コンテンツ ///*/
/* #cont1 */
.page72 #cont1{margin:30px 0;padding:10px 20px;}
.page72 #cont1 h3{margin-bottom:30px;color:#9e0001;font-size:16px;}
.page72 #cont1 p{line-height:1.8em;}
/* #cont2 */
.page72 #cont2{margin:30px 20px;}
.page72 #cont2 h4{margin-bottom:40px;}
.page72 #cont2 p{line-height:1.8em;padding:10px 0;}
/* #cont2 */
.page72 #cont3{margin:30px 20px;}
.page72 #cont3 h4{margin-bottom:40px;}
.page72 #cont3 img{ margin:0 0 20px 20px; float:right;}
.page72 #cont3 p{line-height:1.8em;padding:10px 0;}
@media screen and (max-width: 768px) {
.page72 #cont2 img{ width: 100%;}
	.page72 #cont2 p{font-size: 16px;text-align: justify;}
}

/*-------------
 * 採用情報()
 * ------------*/
#body_78 #gnav li .nav4{background-position:-588px -50px;}
/*/// コンテンツ ///*/
/* #cont1 */
.page78 #cont1{margin:30px 0;}
.page78 #cont1 div{ float:left; width:355px;}
.page78 #cont1 .right{ margin-left:20px;}
.page78 #cont1 h3{margin:30px 20px 10px;font-size:14px;}
.page78 #cont1 p{line-height:1.8em; padding:10px 20px;}
.page78 #cont1 .clrb{ clear:both;}
/* #cont2 */
.page78 #cont2{margin-bottom:30px;}
.page78 #cont2 h4{margin-bottom:40px;}
.page78 #cont2 img{margin:0 0 20px 20px;}


/*-------------
 * お問い合わせ()
 * ------------*/
/* #cont1 */
.page80 #cont1{margin-bottom:30px;}
.page80 #cont1 h4{margin:30px 20px 0; color:#9e0001; background: url(images/point1.png) no-repeat scroll left 9px transparent; padding-left:10px; font-size:14px;}
.page80 #cont1 p{ padding:10px 20px;}
.page80 #cont1 div{ margin:20px 20px;}
.page80 #cont1 table{ margin:20px 20px;}
.page80 ol{padding:10px 60px 0px;width:650px}
.page80 ol li{ list-style:decimal;}
.page80 .table01{border-collapse: collapse;
  border-spacing: 0;
  margin: 30px 0;
  width: 690px;}
.page80 .table01 th {
  background-color: #eeeeee;
  border-bottom: 1px solid #c9caca;
  border-top: 1px solid #c9caca;
  color: #424242;
  font-style: normal;
  font-weight: bold;
  letter-spacing: 0.2em;
  padding: 10px 20px;
  text-align: left;
  vertical-align: top;
}
.page80 .table01 td {
  border-bottom: 1px solid #c9caca;
  border-top: 1px solid #c9caca;
  letter-spacing: 0.1em;
  padding: 10px 20px;
}
@media screen and (max-width: 768px) {
.page80 #cont1 p{font-size: 14px;text-align: justify;}
	.page80  .table01 {
		width: 90%;
    margin: 20px auto !important;
	}
	
	.page80 .table01 th {
		width: 100% !important;
		float: left;
		border-bottom: none;
		box-sizing: border-box;
	}

	.page80 .table01 td {
		width: 100% !important;
		float: left;
		box-sizing: border-box;
	}
	
	.page80 .table01 a:hover {
		text-decoration: underline;
	}
	}

/*-------------
 * 金融商品取引にかかる留意事項()
 * ------------*/
/*/// コンテンツ ///*/
/* #cont2 */
.page84 #cont2{margin-bottom:30px;}
.page84 #cont2 h4{margin:10px 20px 0; color:#9e0001; background: url(images/point1.png) no-repeat scroll left 9px transparent; padding-left:10px; font-size:16px;}
.page84 #cont2 p{ padding:20px 20px;font-size: 12px;}
.page84 #cont2 ul, ol{padding:10px 60px 20px;width:650px}
.page84 #cont2 ol li{ list-style:decimal;}
.page84 #cont2 .fin{text-align:right; float:right; margin:30px 20px 0 0;}
.page84 #cont2 .fin span{ font-size:12px; font-weight:bold;}
.page84 #cont2 .fin p{text-align:right; float:right; padding:10px 0;}
.page84 #cont2 .clrb{ clear:both;}
/* #cont3 */
.page84 #cont3{ margin-bottom:30px;}
.page84 #cont3 h4{margin:30px 20px 0; color:#9e0001; background: url(images/point1.png) no-repeat scroll left 9px transparent; padding-left:10px; font-size:14px;}
.page84 #cont3 div{padding:20px 20px 0;}
.page84 #cont3 p{padding:10px 20px 0;}
@media screen and (max-width: 768px) {
	.page84 #cont2 p{ padding:20px 20px;font-size: 16px;text-align: justify;}
	.page84 #cont2 ul, ol{padding:10px 20px 20px 40px; width:auto!important;}
	.page84 #cont2 ol li{ list-style:decimal;font-size: 16px;}
	.page84 #cont2 .fin span {font-size: 14px;}
	}
/*-------------
 * 404()
 * ------------*/
/*/// コンテンツ ///*/
/* #cont1 */
.page419 #cont1{margin:30px 0;padding:10px 20px;}
.page419 #cont1 p{line-height:1.8em; padding:10px 0;}


/*-------------
 * 反社会的勢力に対する排除基本方針()
 * ------------*/
/*/// コンテンツ ///*/
/* #cont2 */
.page5093 #cont2{margin-bottom:30px;font-size: 16px;}
.page5093 #cont2 h4{margin:10px 20px 0; color:#9e0001; background: url(images/point1.png) no-repeat scroll left 9px transparent; padding-left:10px; font-size:14px;}
.page5093 #cont2 p{ padding:10px 20px;}
.page5093 #cont2 ul, .page5093 #cont2 ol{padding:10px 60px 20px;width:650px}
.page5093 #cont2 ol li{ list-style:decimal;}
.page5093 #cont2 .fin{text-align:right; float:right; margin:30px 20px 0 0;}
.page5093 #cont2 .fin span{ font-size:12px; font-weight:bold;}
.page5093 #cont2 .fin p{text-align:right; float:right; padding:10px 0;}
.page5093 #cont2 .clrb{ clear:both;}
@media screen and (max-width: 768px) {
	.page5093 #cont2 ol{text-align: justify; padding: 10px 0px 10px 30px;}
}

/*-------------
 * プライバシーポリシー()
 * ------------*/
/*/// コンテンツ ///*/
/* #cont1 */
.page5125 #cont1{margin:30px 0;padding:10px 20px;}
.page5125 #cont1 h3{margin:30px 0 10px;color:#9e0001;font-size:16px;}
.page5125 #cont1 p{line-height:1.8em;}
.page5125 #cont1 ol{padding:10px 60px;width:650px}
.page5125 #cont1 ol li{ list-style:decimal;}
.page5125 #cont1 span{ font-weight:bold;}
@media screen and (max-width: 768px) {
	.page5125 #cont1 p,.page5125 #cont1 ol li{font-size: 16px;text-align: justify;}
	.page5125 #cont1 ol{padding: 10px 0px 10px 30px;}
	.page5125 #cont1 span{font-size: 16px;}
	}
/*-------------
 * コンプライアンスに関する基本方針()
 * ------------*/
/*/// コンテンツ ///*/
/* #cont1 */
.page5140 #cont1{margin-bottom: 30px;padding:0px 20px;}
.page5140 #cont1 h3{margin:20px 0 15px;color:#9e0001;font-size:16px;}
.page5140 #cont1 p{line-height:1.8em;padding-bottom: 10px;}
.page5140 #cont1 ol{padding:10px 20px 10px 60px;  width: auto;}
.page5140 #cont1 ol li{ list-style:decimal;padding-bottom: 10px;}
.page5140 #cont1 span{ font-weight:bold;}
@media screen and (max-width: 768px) {
	.page5140 #cont1 p,.page5140 #cont1 ol li { font-size: 16px;text-align: justify;}
	.page5140 #cont1 ol{padding: 10px 0px 10px 30px;}
}
/*-------------
 * 勧誘方針()
 * ------------*/
/*/// コンテンツ ///*/
/* #cont1 */
.page5142 #cont1{margin-bottom: 30px;padding:0px 20px;margin-top: 38px;}
.page5142 #cont1 h3{margin:20px 0 15px;color:#9e0001;font-size:16px;}
.page5142 #cont1 p{line-height:1.8em;}
.page5142 #cont1 ol{padding:40px 20px 10px 60px;  width: auto;}
.page5142 #cont1 ol li{ list-style:decimal;padding-bottom: 10px;}
.page5142 #cont1 span{ font-weight:bold;}
@media screen and (max-width: 768px) {
.page5142 #cont1 p,.page5142 #cont1 ol li{font-size: 16px;text-align: justify;}
	.page5142 #cont1 ol{padding: 10px 0px 10px 30px;}
}
/*-------------
 * 苦情処理・紛争解決措置()
 * ------------*/
/*/// コンテンツ ///*/
/* #cont1 */
.page5147 #cont1{margin-bottom: 30px;padding:0px 20px;}
.page5147 #cont1 h3{margin:20px 0 15px;color:#9e0001;font-size:16px;padding: 8px 0px 5px;}
.page5147 #cont1 .box{background-color: #f2f2f2;
  padding: 20px;
margin: 20px;}
.page5147 #cont1 p{line-height:1.8em;}
.page5147 #cont1 ol{padding:10px 20px 10px 60px; width: auto;}
.page5147 #cont1 ol li{ list-style:decimal;padding-bottom: 10px;}
.page5147 #cont1 span{ font-weight:bold;}
@media screen and (max-width: 768px) {
.page5147 #cont1 .box{font-size: 16px;	margin: 0 0 20px;}
	.page5147 #cont1 p{font-size: 16px;text-align: justify;}
}

/*-------------
 * お客様本位の業務運営に関する方針()
 * ------------*/
/*/// コンテンツ ///*/
/* #cont1 */
.page5149 #cont1{margin-bottom: 30px;padding: 20px 20px;}
.page5149 #cont1 .box{background-color: #f2f2f2; padding: 20px;margin: 20px;}
.page5149 #cont1 p{line-height:1.8em;}
@media screen and (max-width: 768px) {
.page5149 #cont1 p{font-size: 16px;text-align: justify;}
	.page5149 #cont1 .box{font-size: 16px;	margin: 20px 0 ;}
}

/*-------------
 * お客様本位の業務運営に関する方針()
 * ------------*/
/*/// コンテンツ ///*/
/* #cont1 */
.page5152 #cont1{margin-bottom: 30px;padding:20px 20px;}
.page5152 #cont1 .box{background-color: #f2f2f2; padding: 20px;margin: 20px;}
.page5152 #cont1 p{line-height:1.8em;}

@media screen and (max-width: 768px) {
	 .page5152 .h2title1 {    font-size: 15px;  }
.page5152 #cont1 p{font-size: 16px;text-align: justify;}
	.page5152 #cont1 .box{font-size: 16px;	margin: 20px 0 ;}
}
/*-------------
 * 金融商品取引法表示()
 * ------------*/
/*/// コンテンツ ///*/
/* #cont1 */
.page5155 #cont1{margin-bottom: 30px;padding:20px 20px;}
.page5155 #cont1 .box{background-color: #f2f2f2; padding: 20px;margin: 20px;}
.page5155 #cont1 p{line-height:1.8em;margin-bottom: 30px;}
@media screen and (max-width: 768px) {
.page5155 #cont1 p{font-size: 16px;text-align: justify;}
}