/*
original CSS
リニューアル用
ヘッダー、フッター、サイドメニュー用CSS
*/

@charset "utf-8";

/* スムーズスクロール */
html { scroll-behavior: smooth;}

/* スマホ用メニュー強制非表示 */
/* lightningテーマによるCSSの影響を強制的に制御している部分 */

#vk-mobile-nav-menu-btn{
	display:none !important;
}

/*siteHeader*/
.siteHeader{
	background:none !important;
	max-height:150px;
  box-shadow: 0 0px 0px rgb(0 0 0 / 10%);
}

/*siteContentのマージンを0に*/
.siteContent {
	padding: 2rem 0 2rem !important;
	margin:0;
}

/*.siteFooter のmargin-top:100ｐｘをセット */
.siteFooter{
	margin-top:100px;
}

.siteContent-paddingVertical-off{
	padding:0 0 2rem !important;
}

@media only screen and (min-width: 768px){
.sp-break{
   display:none;	
}
.sp-hr{
   display:none;	
}
}
@media only screen and (max-width: 768px){
/*スマホ表示強制改行*/
.sp-break{
	display:block;
}
	.sp-hr{
		clear:both;
		display:block;
		border:1px dotted #eeeeee;
	}
}

@media only screen and (min-width: 768px){

header#pc-header{
		display:block;
		z-index:999999;
		position:fixed;
		top:0;
		left:0;
	}
	
header#sp-header{
		display:none;
		z-index:999999;
		position:fixed;
		top:0;
		left:0;
	}
	
/*overtop-sectionのCSS*/
#overtop-section{
	height:80px;
	text-align:center;
	width:100% !important;
	display:block;
	overflow:hidden;
	padding-top:0px;
  /*position:fixed;
	top:32px;
	left:0;*/
	box-sizing: border-box;
	line-height:1%;
	background:#000000;
}

#overtop-section img{
	margin: 0 auto;
}

#overtop-section ul{
display:flex;
display:-webkit-flex;
background:#fafafa;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}

#overtop-section ul li{
	list-style:none;
	margin:0;
	padding:0;
	width:50%;
	box-sizing: border-box;
}   

.box-item{

}

.box-item img{
	height:100%;
	width:auto;
}

.bn-fxprime{
  text-align:right !important;
	background:#000000;
	margin:0;
	padding:0;
}

.bn-fxprime img{
	display:block;
	float:right;
	height:80px;
}

.bn-stockprime{
	text-align:left !important;
	background:#cc0000;
	margin:0;
	padding:0;
}

.bn-stockprime img{
   display:block;
   float:left;
	margin:0;
	padding:0;
	height:80px;
}


/*ヘッダーナビゲーション PC*/



#header-nav-section *{
	margin:0 !important;
	margin:0 !important;
	line-height:100%;
	
}


#header-nav-section{
	background:#ffffff !important;
	z-index:9999 !important;
	text-align:right;
	border-top:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	height:70px;
position: sticky;
	top: 0; 
/*
	position:fixed;
	top:80px;
	left:0;*/
	width:100%;
	min-width:920px;
}

#top-menu-toggle{
	width:80px !important;
	float:left;
}

#logoarea{
	width:200px !important;
	float:left;
	padding:10px;
}

#logo{
	font-size:20px;
	line-height:100%;
	padding:0;
	margin:5px 0 !important;
}

#header-navi-right{
	width:640px !important;
	float:right;
}

#header-navi-right ul{
	margin:0;
	padding:0;
	overflow:hidden;
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
}

#header-navi-right li{
   display: flex;
	margin:0;
	align-items: center;
   justify-content: center;
	padding:15px 10px !important;
	position:relative;
}

#header-navi-right li a{
	color:#333333;
}

#header-navi-right li a:hover{
	color:#0071b6;
}

.header-news-link{
  padding-right:50px !important;
}

.header-news-badge{
	background:#cc0000;
	color:#ffffff;
	font-size:12px;
	padding:5px 7px;
	border-radius:20px;
	position:absolute;
	display:block;
	top:10px;
	right:0;
}

/*----
 * ヘッダー検索　*/

#form{
 position:relative;
}

#s-box-header {
    padding: 0 40px 0 10px;
    position: relative;
    left: 0;
    top: 0;
	border-radius:5px;
    border: solid 2px #eeeeee;
    outline: 0;
	width:140px;
}
#s-btn-area-header {
    height: auto;
    position: absolute;
    top: 10px;
    right: 5px;
    background: none;
    color: #666666;
    border: none;
    font-size: 18px;
    outline: 0;
}

.header-seach {
    margin-right: 15px;
}


/* トップヘッダーマイページボタン */

@media (min-width: 768px) {

	@media (max-width: 1020px) {
		.bt-header-mypage{
			background:#bb272d !important;
			border:2px solid #bb272d;
			color:#ffffff;
			width:90px !important;
		}
	}
	
	@media (min-width: 1021px) {
		.bt-header-mypage{
			background:#bb272d !important;
			border:2px solid #bb272d;
			color:#ffffff;
			width:150px !important;
		}
	}
}

.bt-header-mypage:hover{
	background:#ffffff　!important;
	border:2px solid #bb272d;
	color:#bb272d !important;
}

.bt-header-mypage a{
	color:#ffffff !important;
	padding:9px 5px !important;
}

.bt-header-mypage a:hover{
	color:#bb272d !important;
	background:#ffffff !important;
}

/* トップヘッダーログインボタン */

@media (min-width: 768px) {

	@media (max-width: 1020px) {
		.bt-header-login{
			background:#2e318c !important;
			border:2px solid #2e318c;
			color:#ffffff;
			width:90px !important;
		}
	}
	
	@media (min-width: 1021px) {
		.bt-header-login{
			background:#2e318c !important;
			border:2px solid #2e318c;
			color:#ffffff;
			width:150px !important;
		}
	}
}

.bt-header-login:hover{
	background:#ffffff　!important;
	border:2px solid #2e318c;
	color:#2e318c !important;
}

.bt-header-login a{
	color:#ffffff !important;
	padding:9px 5px !important;
}

.bt-header-login a:hover{
	color:#2e318c !important;
	background:#ffffff !important;
}

/* ３本メニューの制御　*/

.Humburger-Menu {
   position: relative;
	width:70px;
	height:70px;
}


/* ３本ボタンのCSS */

.openbtn1{
	background:#ffffff;
	cursor: pointer;
	caret-color: transparent;   /* デフォルトの点滅カーソルを非表示 */
	width: 69px;
	height:69px;
	position:relative;
 	z-index: 9999;
	/*animation: humburger .85s;*/
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
}
	
.openbtn1:hover{
background:#eeeeee;		
	}

	@keyframes humburger{
0% { transform: translateY(-100%)}
100% { transform: translateY(0%)}
}

.header_scrolled .openbtn1 {
 /*  position: fixed;
	display: block!important;
   top: 0;
   right: 10px;*/
	z-index: 9999;
	/* animation: humburger .85s; */
}



/*×に変化*/  
.openbtn1 span{
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 16px;
    height: 4px;
    border-radius: 0px;
  background-color: #333333;
    width: 55%;
	z-index: 9999;
  }

.openbtn1 span:nth-of-type(1) {
  top:13px; 
}

.openbtn1 span:nth-of-type(2) {
  top:24px;
}

.openbtn1 span:nth-of-type(3) {
  top:34px;
}

.openbtn1.active span:nth-of-type(1) {
    top: 17px;
    left: 17px;
    transform: translateY(6px) rotate(-45deg);
    width: 55%;
	   background: #333333;
}

.openbtn1.active span:nth-of-type(2) {
  opacity: 0;
}

.openbtn1.active span:nth-of-type(3){
    top: 30px;
    left: 17px;
    transform: translateY(-6px) rotate(45deg);
    width: 55%;
	   background: #333333;
}

/* 3本ライン下のMENUの文字 */
.menutitle-btn-open{
	position:absolute;
	bottom:15px;
	left:0;
	width:68px;
	text-align:center;
	font-size:8px !important;
	line-height:100%;
	word-break:absolute;
}
.menutitle-btn-close{
	display:none;
	position:absolute;
	bottom:15px !important;
	width:69px !important;
	text-align:center;
	font-size:8px !important;
	line-height:100%;
	word-break:absolute;
}

	.active .menutitle-btn-open{
		text-indent:-9999px;
	}
	
.active .menutitle-btn-close{
	display:block;
	position:absolute;
	bottom:15px !important;
	width:69px !important;
	text-align:center;
	font-size:8px !important;
	line-height:100%;
	word-break:absolute;
}

/*  ３本メニューここまで */
/*@media only screen and (min-width: 768px)---ここまで*/
	
}

/*-------------------------
 *  スマホヘッダーここから 
 *  CSS @media only screen and(max-width:767px)
 * ---------------------------*/

@media only screen and (max-width: 767px){

	
header#pc-header{
		display:none;
		z-index:999999;
		position:fixed;
		top:0;
		left:0;
	}
	
header#sp-header{
		display:block;
		z-index:999999;
		position:fixed;
		top:0;
		left:0;
	}
	
/*overtop-sectionのCSS*/

#overtop-section{
	height:52px;
	text-align:center !important;
	width:100% !important;
	display:block;
	overflow:hidden;
	padding-top:0px;
/*
	position:fixed;
	top:0;
	left:0;*/
	box-sizing: border-box;
	line-height:1%;
	background:#000000;
	margin:0;
	vertical-align:middle;
}

#overtop-section img{
	margin: 0 auto !important;
	display:block;
	width:480px;
	max-width:100%;
	overflow:hidden;
}

#overtop-section ul{
display:flex;
display:-webkit-flex;
background:#fafafa;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}

#overtop-section ul li{
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
	box-sizing: border-box;
}   

.box-item{

}

.box-item img{
	height:100%;
	width:auto;
}

.bn-fxprime{
  text-align:right !important;
	background:#000000;
	margin:0;
	padding:0;
}

.bn-fxprime img{
	display:block;
	float:right;
	height:60px;
}

.bn-stockprime{
	text-align:left !important;
	background:#cc0000;
	margin:0;
	padding:0;
}

.bn-stockprime img{
   display:block;
   float:left;
	margin:0;
	padding:0;
	height:60px;
}
	
	
/*ヘッダーナビゲーション スマホ*/

#header-nav-section *{
	margin:0 !important;
	margin:0 !important;
	line-height:100%;
	
}


#header-nav-section{
	background:#ffffff !important;
	z-index:9999 !important;
	text-align:right;
	border-top:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	height:60px;
position: sticky;
	top: 0; 
/*
	position:fixed;
	top:60px !important;
	left:0;*/
	width:100%;
}

#top-menu-toggle{
	width:60px !important;
	float:left;
}

#logoarea{
	width:150px !important;
	float:left;
	padding:8px 5px;
}

#logo{
	min-width:130px;
	width:35%;
	text-align:center;
	font-size:18px;
	line-height:100%;
	padding:0;
	margin:10px 0 0 10px !important;
}

#header-navi-right{
	width:40% !important;
	min-width:200px;
   position:absolute;
	top:0;
	right:0;
}

#header-navi-right ul{
	margin:0;
	padding:0 !important;
	overflow:hidden;
    display: flex;
    list-style: none;
}

#header-navi-right li{
   display: flex;
	margin:0 5px  !important;
	text-align:center;
	align-items: end;
   justify-content: end;
	padding:10px 5px !important;
	position:relative;
	line-height:120% !important;
	font-size:7px;
	text-align:center;
}
	
	#header-navi-right li i{
		font-size:25px !important;
		padding-bottom:4px;
	}

	.bt-header-mypage i{
		font-size:18px !important;
		padding-bottom:4px;
	}
	
#header-navi-right li a{
	color:#333333;
}

#header-navi-right li a:hover{
	color:#0071b6;
}


.header-news-link{
	padding-right:10px !important;
}

.header-news-badge{
	background:#cc0000;
	color:#ffffff;
	font-size:12px;
	padding:5px 7px;
	border-radius:20px;
	position:absolute;
	display:block;
	top:10px;
	right:0;
}

/* トップヘッダーマイページボタン */

.bt-header-mypage{
	background:#bb272d !important;
	border:2px solid #bb272d;
	color:#ffffff;
	font-size:20px !important;
}

.bt-header-mypage:hover{
	background:#ffffff　!important;
	border:2px solid #bb272d;
	color:#bb272d !important;
}

.bt-header-mypage a{
	color:#ffffff !important;
	padding:0 !important;
}

.bt-header-mypage a:hover{
	color:#bb272d !important;
	background:#ffffff !important;
}

/* トップヘッダーログインボタン */

.bt-header-login{
	background:#2e318c !important;
	border:2px solid #2e318c;
	color:#ffffff;
	width:30px !important;
}

.bt-header-login:hover{
	background:#ffffff　!important;
	border:2px solid #2e318c;
	color:#2e318c !important;
}

.bt-header-login a{
	color:#ffffff;
	padding:0px !important;
}

.bt-header-login a:hover{
	color:#2e318c !important;
	background:#ffffff !important;
}

/* ３本メニューの制御　*/

.Humburger-Menu {
   position: relative;
	width:60px;
	height:60px;
}

	
/* ３本ボタンのCSS */

.openbtn1{
	background:#ffffff;
	cursor: pointer;
	caret-color: transparent;   /* デフォルトの点滅カーソルを非表示 */
	width: 59px;
	height:59px;
	position:relative;
 	z-index: 9999;
	/*animation: humburger .85s;*/
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
}
	
.openbtn1:hover{
background:#eeeeee;		
	}

	@keyframes humburger{
0% { transform: translateY(-100%)}
100% { transform: translateY(0%)}
}

.header_scrolled .openbtn1 {
 /*  position: fixed;
	display: block!important;
   top: 0;
   right: 10px;*/
	z-index: 999999999999;
	/* animation: humburger .85s; */
}



/*×に変化*/  
.openbtn1 span{
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 13px;
    height: 4px;
    border-radius: 0px;
  background-color: #333333;
    width: 55%;
	z-index: 9999999999;
  }

.openbtn1 span:nth-of-type(1) {
  top:13px; 
}

.openbtn1 span:nth-of-type(2) {
  top:24px;
}

.openbtn1 span:nth-of-type(3) {
  top:34px;
}

.openbtn1.active span:nth-of-type(1) {
    top: 15px;
    left: 13px;
    transform: translateY(6px) rotate(-45deg);
    width: 55%;
	   background: #333333;
}

.openbtn1.active span:nth-of-type(2) {
  opacity: 0;
}

.openbtn1.active span:nth-of-type(3){
    top: 28px;
    left: 13px;
    transform: translateY(-6px) rotate(45deg);
    width: 55%;
	   background: #333333;
}

	.active .menutitle-btn-open{
		text-indent:-9999px;
	}
/* 3本ライン下のMENUの文字 */
.menutitle-btn-open{
	position:absolute;
	bottom:9px !important;
	width:58px !important;
	text-align:center;
	font-size:7px !important;
	line-height:100%;
	word-break:absolute;
}
.menutitle-btn-close{
	display:none;
	position:absolute;
	bottom:9px !important;
	width:59px !important;
	text-align:center;
	font-size:7px !important;
	line-height:100%;
	word-break:absolute;
}


.active .menutitle-btn-close{
	display:block;
	position:absolute;
	bottom:15px;
	width:59px;
	text-align:center;
	font-size:6px !important;
	line-height:100%;
	word-break:absolute;
}

/*  ３本メニューここまで */

}





/*========= ナビゲーションのためのCSS ===============*/

@media only screen and (min-width: 768px){
#g-nav{
   /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
   position:fixed;
   z-index: 9999;
   /*ナビのスタート位置と形状*/
	top:182px;
   left: -120%;
	width:260px;
	background:#ffffff;
   height: 100vh;/*ナビの高さ*/
    /*動き*/
	transition: all 0.6s;
	text-align:left;
	overflow:hidden;
}
}

@media only screen and (max-width: 767px){
	#g-nav{
 /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
   position:fixed;
   /*ナビのスタート位置と形状*/
	z-index:9999;
	top:144px;
   left: -120%;
	width:260px;
	background:#ffffff;
   height: 100vh;/*ナビの高さ*/
    /*動き*/
	transition: all 0.6s;
	text-align:left;
	overflow:hidden;
}
}


/*アクティブクラスがついたら位置を0に*/
#g-nav.panelactive{
    left: 0;
}


/*ナビゲーションの縦スクロール*/
#g-nav.panelactive #g-nav-list{
    /*ナビの数が増えた場合縦スクロール*/
    position: fixed;
    z-index: 9999; 
    width:260px;
    height: 100vh;/*表示する高さ*/
    overflow: auto;
    -webkit-overflow-scrolling: touch;
	padding-bottom:300px;
	background:#ffffff;
}


#g-nav ul{
	margin:0;
	padding:0;
}

#g-navi li{
margin:0;
padding:0;
}



/* ----------sidemenu------------- */

.unread{
  background:#cc0000;
	color:#ffffff;
	border-radius:10px;
	padding:2px 5px !important;
	font-size:10px;
	line-height:100%;
  font-weight:bold;
	white-space: nowrap;
}

.user-box{
	padding:50px 30px 20px;
	background:#ffffff url('/wp/img/menu-back.png') no-repeat 100% 0 !important;
}


h3.menu-title{
	font-weight:700;
	font-family: "Noto Sans JP"; 
	color:#888888;
	border:none !important;
	font-size:15px;
	padding:15px 0 10px !important;
	margin:30px 0 10px !important;
}

/* 実績報告 */

.bt-report{
	background:#006837 !important;
	border:2px solid #006837;
	color:#ffffff;
	width:100%;
	margin: 20px auto !important;
}

.bt-report:hover{
	background:#ffffff　!important;
	border:2px solid #006837;
	color:#006837 !important;
}

.bt-report a{
	color:#ffffff;
	padding:10px 5px !important;
}

.bt-report a:hover{
	color:#006837 !important;
	background:#ffffff !important;
}



/* メニューマイページボタン */

.bt-side-mypage{
	background:#bb272d !important;
	border:2px solid #bb272d;
	color:#ffffff;
	margin:20px 0 !important;
}

.bt-side-mypage:hover{
	background:#ffffff　!important;
	border:2px solid #bb272d;
	color:#bb272d !important;
}

.bt-side-mypage a{
	color:#ffffff;
	padding:9px 5px !important;
}

.bt-side-mypage a:hover{
	color:#bb272d !important;
	background:#ffffff !important;
}

/*メニューログインボタン */

.bt-side-login{
	background:#2e318c !important;
	border:2px solid #2e318c;
	color:#ffffff;
	width:100% !important;
	margin: 10px auto;
}

.bt-side-login:hover{
	background:#ffffff　!important;
	border:2px solid #2e318c;
	color:#2e318c !important;
}

.bt-side-login a{
	color:#ffffff;
	padding:9px 5px !important;
}

.bt-side-login a:hover{
	color:#2e318c !important;
	background:#ffffff !important;
}


.news-badge{
	background:#cc0000;
	color:#ffffff;
	font-size:12px;
	margin-left:10px;
	padding:5px 7px;
	border-radius:20px;
	line-height:100%;
}

. submenu-title{
	color:#666666 !important;
}

.menu-list{
	
}

.menu-list ul{
margin:0 0;
padding:0;
}

.menu-list li{
	padding:15px 0 ;
	border-bottom:1px dotted #eeeeee;
	list-style:none;
	position:relative;
}

.menu-list li a{
	color:#666666;
}

.menu-list li a:hover{
	color:#0071b6 !important;
}

.menu-list li:last-child{
	border:none;
}
.menu-list li > ul{
	margin:15px 0 !important;
	border-top:1px dotted #eeeeee;
}

.menu-list li > ul > li{
	padding:15px 15px;
	border-bottom:1px dotted #eeeeee;
	
}

.fx-menu-list li a{
	color:#0071b6;
}

.stock-menu-list li a{
	color:#d25e67;
}

.other-menu-list li a{
	color:#1ba979;
}

.live-menu-list li a{
	color:#db94ca;
}

.sns-menu-list li a{
	color:#006aad;
}

.k-menu-list li a{
	color:#b59665;
}


.go-menu-list li a{
	color:#d25e67;
}

.menu-title-fx{
	background:#0071b6;
	color:#ffffff;
	position:relatie;
}

.menu-fx-list{
	color:#0071b6;
}

.menu-fxprime{
	position:absolute;
	top:10px;
	left:100px;
	z-index:9999;
}

.menu-fxprime img{
	width:100px;
}

.menu-title-stock{
		background:#d38886;
	color:#ffffff;
	position:relative;
}

.menu-stockprime{
	position:absolute;
	top:10px;
	left:100px;
	z-index:9999;
}

.menu-stockprime img{
	width:100px;
}
.menu-stock-list{
	color:#d38886;
}

.menu-title-other{
	background:#1ba979;
	color:#ffffff;
}

.menu-title-live{
	background:#db94ca;
	color:#ffffff;
	
}

.menu-title-sns{
				background:#006aad;
	color:#ffffff;	
}

.menu-title-k{
	background:#b59665 url('/wp/img/menu-k@2x.png') no-repeat 0 50%;
	background-size:100%;
	color:#ffffff;
	padding-left:80px !important;
}

.menu-title-go{
	background:#d25e67 url('/wp/img/menu-go@2x.png') no-repeat 0 50%;
	background-size:100%;
	color:#ffffff;
	padding-left:80px !important;
}

/*====================================================================
.menu .accordion_menu
====================================================================*/
.menu_01 .accordion_menu {
  margin: 1em auto;
}
.menu_01 .accordion_menu .accordion_header {
  font-size: 17px;
  font-weight: bold;
  padding: 15px 20px;
  text-align: left;
  position: relative;
  z-index: +1;
  cursor: pointer;
  transition-duration: 0.2s;
}

.accordion_menu h3{
	border:none;
	text-align:left;
	font-size:100%;
	padding:0 !important;
}

.menu_01 .accordion_menu .accordion_header:hover {
  opacity: .8;
}
.menu_01 .accordion_menu .accordion_header .i_box {
	caret-color: transparent;   /* デフォルトの点滅カーソルを非表示 */
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 20%;
  right: 5%;
  width: 30px;
  height: 30px;
  margin-top: -10px;
  box-sizing: border-box;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
}
.menu_01 .accordion_menu .accordion_header .i_box .one_i {
  display: block;
  width: 18px;
  height: 18px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
  position: relative;
}
.menu_01 .accordion_menu .accordion_header.open .i_box {
  -webkit-transform: rotate(-360deg);
  transform: rotate(-360deg);
}
.menu_01 .accordion_menu .accordion_header .i_box .one_i:before, .menu_01 .accordion_menu .accordion_header .i_box .one_i:after {
  display: flex;
  content: '';
  background-color: #fff;
  border-radius: 10px;
  width: 18px;
  height: 4px;
  position: absolute;
  top: 7px;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-origin: center center;
}
.menu_01 .accordion_menu .accordion_header .i_box .one_i:before {
  width: 4px;
  height: 18px;
  top: 0;
  left: 7px;
}
.menu_01 .accordion_menu .accordion_header.open .i_box .one_i:before {
  content: none;
}
.menu_01 .accordion_menu .accordion_header.open .i_box .one_i:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.menu_01 .accordion_menu .accordion_inner {
  display: none;
  padding: 10px 10px;
  box-sizing: border-box;
}

.menubox{
	  padding: 10px 10px;
}
.menu_01 .accordion_menu .accordion_inner .box_one {

}
.menu_01 .accordion_menu .accordion_inner p.txt_a_ac {
  margin: 0;
}


.circleactive{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 9997;
	background: rgba(3,3,3,.3);
	display: block;
}




@media only screen and (min-width: 768px){
	
/*--------------お知らせ関連----------------*/

	
.news-title{
	color:#000000;
	position:relative;
	border-bottom:1px solid #333333;
	padding:20px 0 20px;
	margin:3em 0 3em;
}

.news-title-h2{
	border:none;
	font-weight:700;
	font-family: "Noto Sans JP"; 
	color:#0071b6;
	margin:0;
	padding:0;
}

.news-leadtext{
	position:absolute;
	top:25px;
	left:250px;
}

.unread-box{
}
	

.news-mail{
	color:#ff6600;
}


ul.news-list{
	
}

.news-list li{
	clear:both;
	margin:0.5em 0 !important;;
	padding:10px 0 20px !important;
	border-bottom:1px dotted #eeeeee;
	list-style:none;
}

.new_post_icon{
	padding:3px;
	color:#ffffff;
	background:#cc0000;
	font-size:9px;
	border-radius:5px;
}

.cat-name {
	display:block;
	float:left;
	width:140px;
	text-align:center;
	padding:3px 5px;
	background:#fafafa;
	border-radius:5px;
	font-size:14px;
	margin-right:10px;
	font-weight:bold;
}


.info-date{
	font-size:11px;
	color:#666666;
	margin-right:10px;
}


ul.news-bt-list{
	text-align:center;
	display:flex;
	margin:0 auto;
	align-items: center;
   justify-content: center;
	flex-wrap: wrap; /* 折返し指定 */
}

.news-bt-list li{
list-style:none;
	margin:10px;
	width:16% !important;
	
}

.news-bt-list .bt-style{
	border-radius:50px;
	background:#ffffff;
	width:160px;
}

.news-bt-list .bt-style a{
padding:5px 0px !important;
}
}

@media only screen and (max-width: 768px){
	
/*--------------お知らせ関連----------------*/

.news-title{
	color:#000000;
	position:relative;
	border-bottom:0px solid #333333;
	padding:10px 0 10px;
	margin:3em 0 1em;
}

.news-title-h2{
	border:none;
	font-weight:700;
	font-family: "Noto Sans JP"; 
	color:#000000;
	margin:0 auto 0.5em;
	padding:0;
	font-size:20pt;
	text-align:center;
}

.news-leadtext{
	position:relative;
	text-align:center;
}

.unread-box{
	text-align:center;	
	margin:0 0 1em;
}

	
.news-mail{
	color:#ff6600;
}


ul.news-list{
	width:90%;
	margin:0 auto;
	padding:0;
	border-top:1px dotted #eeeeee;
}

.news-list li{
	clear:both;
	margin:0.5em 0 !important;;
	padding:40px 0 10px 0 !important;
	border-bottom:1px dotted #eeeeee;
	list-style:none;
	position:relative;
}

.new_post_icon{
	padding:3px;
	color:#ffffff;
	background:#cc0000;
	font-size:9px;
	border-radius:5px;
}

.cat-name {
	display:block;
	position:absolute;
	top:5px;
	left:0px;
	width:100px;
	text-align:center;
	padding:2px 5px;
	background:#fafafa;
	border-radius:5px;
	font-size:11px;
	margin-right:10px;
	font-weight:bold;
}

.info-date{
	position:absolute;
	top:8px;
	left:110px;
	font-size:10px;
	color:#666666;
	margin-right:0px;
	display:block;
}
	
.news-list-newmail .info-date{
	position:absolute;
	top:5px;
	left:0px;
	font-size:10px;
	color:#666666;
	margin-right:0px;
	display:block;
}
	
.news-list-newmail li{
	clear:both;
	margin:0.5em 0 !important;;
	padding:30px 0 10px 0 !important;
	border-bottom:1px dotted #eeeeee;
	list-style:none;
	position:relative;
}

ul.news-bt-list{
	text-align:center;
	display:flex;
	margin:0 0px;
	padding:0 20px;
	align-items: center;
   justify-content: center;
	flex-wrap: wrap; /* 折返し指定 */
}

.news-bt-list li{
list-style:none;
	margin:5px 0 0;
	padding:0;
	width:45% !important;
	line-height:100%;
}

.news-bt-list .bt-style{
	border-radius:50px;
	background:#ffffff;
	width:150px;
}

.news-bt-list .bt-style a{
padding:10px 0px !important;
}
}

	
.cat-new_info{
	background:#666666;
	color:#ffffff;
}

.cat-office{
	background:#666666;
	color:#ffffff;
}

.bt-office{
	color:#666666 !important;
		border:2px solid #666666 !important;
}


.cat-trade_k-report{
	background:#0066ff;
	color:#ffffff;
}

.cat-go_tweet{
	background:#d25e67;
	color:#ffffff;
}

.cat-gonews_stock{
	background:#cc0000;
	color:#ffffff;
}

.cat-fx_special_report{
	background:#0071b6;
	color:#ffffff;
}

.cat-stock_special_report{
	background:#d38886;
	color:#ffffff;
}


.bt-gonews_stock{
	color:#cc0000 !important;
		border:2px solid #cc0000 !important;
}


.cat-fxlive{
	background:#0066ff;
	color:#ffffff;
}

.bt-fxlive{
	color:#0066ff !important;
	border:2px solid #0066ff !important;
}

.cat-stocklive{
	background:#cc0000;
	color:#ffffff;
}

.bt-stocklive{
	color:#cc0000 !important;
		border:2px solid #cc0000 !important;
}
.cat-fxlive{
		background:#0066ff;
	color:#ffffff;
}

.cat-stocklive{
		background:#cc0000;
	color:#ffffff;
}


.cat-fxprime{
		background:#2e318c;
	color:#ffffff;
}

.cat-stockprime{
		background:#681c2b;
	color:#ffffff;
}
	
.cat-news{
	background:#666666;
	color:#ffffff;
}

.bt-news{
	color:#666666 !important;
		border:2px solid #666666 !important;
}

.bt-news a{
	color:#666666 !important;
}

.cat-trade_k-report{
	background:#0066ff;
	color:#ffffff;
}

.bt-trade_k-report{
	color:#0066ff !important;
		border:2px solid #0066ff !important;
}

.bt-k-report a{
	color:#0066ff !important;
}

.cat-go-tweet{
	background:#d25e67;
	color:#ffffff;
}

.bt-go-tweet{
		color:#d25e67 !important;
		border:2px solid #d25e67 !important;
}

.bt-go-tweet a{
		color:#d25e67 !important;
}

.cat-fx-live{
	background:#5480aa;
	color:#ffffff;
}

.bt-fx-live{
		color:#5480aa !important;
		border:2px solid #5480aa !important;
}

.bt-fx-live a{
		color:#5480aa !important;
}

.cat-stock-live{
	background:#84303c;
	color:#ffffff;
}
.bt-stock-live{
		color:#84303c !important;
		border:2px solid #84303c !important;
}

.bt-stock-live a{
		color:#84303c !important;
}

.cat-fxprime{
	background:#2e318c;
	color:#ffffff;
}

.bt-fxprime{
		color:#2e318c !important;
		border:2px solid #2e318c !important;
}

.bt-fxprime a{
		color:#2e318c !important;
}

.cat-stockprime{
	background:#681c2b;
	color:#ffffff;
}
.bt-stockprime{
		color:#681c2b !important;
		border:2px solid #681c2b !important;
}

.bt-stockprime a{
		color:#681c2b !important;
}

.cat-mail{
	background:#ff6600;
	color:#ffffff;
}
.bt-mail{
		color:#ff6600 !important;
		border:2px solid #ff6600 !important;
}

.bt-mail a{
		color:#ff6600 !important;
}


	
/*---- Footer ----*/

.bt-footer-toggle{
	background:#29a5dc;
	color:#ffffff;
	padding:8px 5px;
	border-radius:10px;
	margin:30px auto;
}

@media only screen and (max-width: 767px){

	.bt-footer-toggle{
		display:block;
	}
}
@media only screen and (min-width: 768px){

	.bt-footer-toggle{
		display:none;
	}
}



.footer-box{
	background:#000000;
	padding:50px 80px;
	text-align:center;
	color:#ffffff;
}

.footer-logo{
	text-align:center;
}

.footer-navi{
}

.footer-navi ul{
	margin:30px 0;
	padding:0;
  text-align:center;
	display:flex;
	flex-wrap: wrap; /* 折返し指定 */
	align-items: center;
justify-content: center;
}
.footer-navi ul li{
	padding:0;
	display:flex;
	margin:5px 10px;
	color:#ffffff;
	font-size:80%;
}

.footer-navi ul li a{
	text-decoration:none;
	color:#ffffff;
}

.footer-navi ul li a:hover{
	color:#cccccc;
	text-decoration:none;
}

.copyright{
	font-size:80%;
	margin:3em 0;
}


@media only screen and (min-width: 768px){

/*----
 *  toppage
 */

.title-box{
  text-align:center;
	margin:30px 0 !important;
}
.pc-accordion{
display:block;
}

.sp-accordion{
display:none;
}

.title-box h2{
	font-weight:700;
	font-family: "Noto Sans JP"; 
	color:#0071b6;
	border:none !important;
	font-size:30pt;
	margin:0 0 10px !important;
}

@media (max-width: 1020px) {
	.top-guide{
		margin:0 auto;
		padding:30px;
	}
}

@media (min-width: 1021px) {
	.top-guide{
		width:940px;
		margin:0 auto;
		padding:30px;
	}
}

.about-school{
	 display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	color:#86c03f;
	align-items: center;
	padding-bottom:30px;
	border-bottom:1px solid #eeeeee;
}

.about-school h3{
	color:#86c03f;
	font-weight:700;
	font-family: "Noto Sans JP"; 
	border:0 !important;
}

.whatschool-left{
	padding:20px 20px 0 0;
}

.whatschool-main{
	padding:20px;
}

.about-school-list{
	margin:0 !important;
	padding:0 !important;
}

.about-school-list li{
	margin:5px 0;
	list-style:none;
}
.about-school-list li i{
	color:#86c03f;
	padding-right:4px;
}

.whatschool-right{
	padding:20px;
}
.bt-style{
	margin:10px auto !important;
	border-radius:5px;
	background:#eeeeee;
	text-align:center;
	width:200px;
}

.bt-style a{
	display:block;
	width:100%;
	height:auto;
	padding:15px 20px;
	
}



.bt-top-guide{
	background:#008c45;
	border:1px solid #008c45;
	color:#ffffff;
}

.bt-top-guide a{
	color:#ffffff;
}

.bt-top-guide a:hover{
	color:#008c45 !important;
	border:2px solid #008c45;
	background:#ffffff;
}


.about-school-sub{
	 display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.whatschool-img{
	width:120px;
	padding-top:35px;
}

.sub-img img{
	width:120px;
}

.whatschool-sub-left{
	border-right:1px solid #eeeeee;
	padding:35px 25px 0 5px;
	margin-right:35px !important;
	width:350px;
}

.whatschool-sub-right{
	padding:25px;
	padding:35px 25px 0 5px;
	width:300px;
}


.about-school-sub h3{
	color:#86c03f;
	font-weight:700;
	font-family: "Noto Sans JP"; 
	border:0 !important;
	margin:0 !important;
}

.about-school-sub p{
	line-height:1.2em;
}

.bt-top-guide-sub{
	width:180px;
	border:2px solid #008c45;
	background:#ffffff;
	margin:15px 0 !important;
}

.bt-top-guide-sub a{
	padding:10px 10px;
	color:#008c45;
}

.bt-top-guide-sub:hover{
		border:2px solid #008c45;
	background:#008c45;
	margin:15px auto;
}

.bt-top-guide-sub a:hover{
	color:#ffffff !important;
}


/*-- toppage - learn-box */


@media (max-width: 1020px) {
	.top-learn-box{
		margin:0 auto;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}
}

@media (min-width: 1021px) {
	.top-learn-box{
		width:940px;
		margin:0 auto;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}
}

.top-learn-box h3{
	color:#ffffff;
	font-weight:700;
	font-family: "Noto Sans JP"; 
	border:0 !important;
	margin:0 !important;
}

.top-learn-box p.leadtext{
  color:#ffffff !important;
	width:250px;
	line-height:1.3em;
}

.otherleadtext{
	position:absolute;
	top:55px;
	left:280px;
	width:360px !important;
}

.top-learn-left{
	width:450px;
	border-radius:5px;
	padding:30px 40px;
}

.top-learn-right{
	width:450px;
	border-radius:5px;
	margin-left:40px;
	padding:30px 40px;
}

.top-learn-full{
	position:relative;
	width:940px;
	margin:30px 0;
	padding:30px 40px;
	border-radius:5px;
}

.top-fx{
	background:url('/wp/img/img-fx@2x.png') no-repeat 0 0;
	background-size:100%;
}

.top-stock{
	background:url('/wp/img/img-stock@2x.png') no-repeat 0 0;
	background-size:100%;
}

@media (max-width: 1020px) {
	.top-other{
		background:url('/wp/img/img-other@2x.png') no-repeat 0 0;
		background-size:100% 85%;
	}
}

@media (min-width: 1021px) {
	.top-other{
		background:url('/wp/img/img-other@2x.png') no-repeat 0 0;
		background-size:100%;
	}
}

.bt-fx{
	width:180px;
	background:#ffffff;
	margin:15px 0 !important;
}

.bt-fx a{
	padding:10px 15px;
	color:#0071b6;
}

.bt-fx a:hover{
	color:#ffffff !important;
}

.bt-fx:hover{
	background:#0071b6;
}


.bt-stock{
	width:180px;
	background:#ffffff;
	margin:15px 0 !important;
}

.bt-stock a{
	padding:10px 15px;
	color:#bb272d;
}

.bt-stock a:hover{
	color:#ffffff !important;
}

.bt-stock:hover{
	background:#bb272d;
}


.bt-other{
	width:180px;
	background:#ffffff;
	margin:15px 0 !important;
}

.bt-other a{
	padding:10px 15px;
	color:#00845d;
}

.bt-other a:hover{
	color:#ffffff !important;
}

.bt-other:hover{
	background:#00845d;
}

/* --- アコーディオンメニュー  --*/

/*====================================================================
.s_01 .accordion_one
====================================================================*/
.s_01 .accordion_one {
  margin: 0em auto;
}

.s_01 .accordion_one .accordion_header {
  color: #fff;
  font-size: 26px;
  font-weight: bold;
  padding: 0;
  text-align: center;
  position: relative;
  z-index: +1;
  cursor: pointer;
  transition-duration: 0.2s;
	line-height:100%;
	margin:0 0 -64px !important;
}

.s_01 .accordion_one .accodion_header img{
}


.s_01 .accordion_one:nth-of-type(2) .accordion_header {
}
.s_01 .accordion_one:nth-of-type(3) .accordion_header {
}
.s_01 .accordion_one .accordion_header:hover {
  opacity: .8;
}


.s_01 .accordion_one .accordion_header .i_box {
	caret-color: transparent;   /* デフォルトの点滅カーソルを非表示 */
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 5%;
  width: 40px;
  height: 40px;
  border: 1px solid #fff;
  margin-top: -20px;
  box-sizing: border-box;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
}


.s_01 .accordion_one .accordion_header .i_box .one_i {
  display: block;
  width: 18px;
  height: 18px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
  position: relative;
}
.s_01 .accordion_one .accordion_header.open .i_box {
  -webkit-transform: rotate(-360deg);
  transform: rotate(-360deg);
}
.s_01 .accordion_one .accordion_header .i_box .one_i:before, .s_01 .accordion_one .accordion_header .i_box .one_i:after {
  display: flex;
  content: '';
  background-color: #fff;
  border-radius: 10px;
  width: 18px;
  height: 4px;
  position: absolute;
  top: 7px;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-origin: center center;
}
.s_01 .accordion_one .accordion_header .i_box .one_i:before {
  width: 4px;
  height: 18px;
  top: 0;
  left: 7px;
}
.s_01 .accordion_one .accordion_header.open .i_box .one_i:before {
  content: none;
}
.s_01 .accordion_one .accordion_header.open .i_box .one_i:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.s_01 .accordion_one .accordion_inner {
  display: none;
	margin: 0px 0px 50px; !important;
  padding: 50px 50px !important;
  border-left: 2px solid #86c03f;
  border-right: 2px solid #86c03f;
  border-bottom: 2px solid #86c03f;
  box-sizing: border-box;
	
}
.s_01 .accordion_one:nth-of-type(2) .accordion_inner {
  border-left: 2px solid #ff9a05;
  border-right: 2px solid #ff9a05;
  border-bottom: 2px solid #ff9a05;
}
.s_01 .accordion_one:nth-of-type(3) .accordion_inner {
  border-left: 2px solid #1c85d8;
  border-right: 2px solid #1c85d8;
  border-bottom: 2px solid #1c85d8;
}
.s_01 .accordion_one .accordion_inner .box_one {
margin:0;
}
.s_01 .accordion_one .accordion_inner p.txt_a_ac {
  margin: 0;
}
}

/*-------------------------
 *  スマホヘッダーここから 
 *  CSS @media only screen and(max-width:767px)
 * ---------------------------*/

@media only screen and (max-width: 767px){


.pc-accordion{
display:none;
}

.sp-accordion{
display:block;
}

.title-box{
  text-align:center;
	margin:30px 0;
}

.title-box h2{
	font-weight:700;
	font-family: "Noto Sans JP"; 
	color:#0071b6;
	border:none !important;
	font-size:20pt;
	margin:0 0 10px !important;
}


.top-guide{
	padding:30px 15px;
	width:600px;
	max-width:95%;
	margin:0 auto;
}

.about-school{
    display: block;
	color:#86c03f;
	align-items: center;
	padding-bottom:30px;
	border-bottom:1px solid #eeeeee;
}

.about-school h3{
	font-size:20px;
	color:#86c03f;
	font-weight:700;
	font-family: "Noto Sans JP"; 
	border:0 !important;
}

.whatschool-left{
	padding:30px 0px 30px 0;
	text-align:center;
}

	.whatschool-left img{
		display:block;
margin:0 auto;
	}

.whatschool-main{
	padding:20px;
}

.about-school-list{
	margin:0 !important;
	padding:0 !important;
}

.about-school-list li{
	margin:5px 0;
	list-style:none;
}
.about-school-list li i{
	color:#86c03f;
	padding-right:4px;
}

.whatschool-right{
	padding:0px;
}
.bt-style{
	margin:10px auto !important;
	border-radius:5px;
	background:#eeeeee;
	text-align:center;
	width:200px;
}

.bt-style a{
	display:block;
	width:100%;
	height:auto;
	padding:15px 20px;
}



.bt-top-guide{
	background:#008c45;
	border:1px solid #008c45;
	color:#ffffff;
}

.bt-top-guide a{
	color:#ffffff;
}

.bt-top-guide a:hover{
	color:#008c45 !important;
	border:2px solid #008c45;
	background:#ffffff;
}


.about-school-sub{
display:block;
}

.whatschool-img{
	width:80px;
	padding-top:35px;
	text-align:center;
	float:left;
	margin:0 15px;
}

	.whatschool-img img{
width:100% !important;
}
	
.sub-img img{
	width:120px;
}

.whatschool-sub-left{
	float:left;
	border:none;
	padding:35px 0px 20px 0px;
	width:210px;
}

.whatschool-sub-right{
	float:left;
	border:none;
	padding:35px 0px 0 0px;
	width:210px;
}


.about-school-sub h3{
	color:#86c03f;
	font-weight:700;
	font-size:25px;
	margin:0 0 2em;
	font-family: "Noto Sans JP"; 
	border:0 !important;
	margin:0 !important;
}

.about-school-sub p{
	line-height:1.2em;
}

.bt-top-guide-sub{
	width:180px;
	border:2px solid #008c45;
	background:#ffffff;
	margin:15px 0 !important;
}

.bt-top-guide-sub a{
	padding:10px 10px;
	color:#008c45;
}

.bt-top-guide-sub:hover{
		border:2px solid #008c45;
	background:#008c45;
	margin:15px auto;
}

.bt-top-guide-sub a:hover{
	color:#ffffff !important;
}


/*-- toppage - learn-box */


.top-learn-box{
	max-width:90%;
	width:600px;
    display: block;
	margin: 0 auto;
}

.top-learn-box h3{
	color:#ffffff;
	font-weight:700;
	font-family: "Noto Sans JP"; 
	border:0 !important;
	margin:0 !important;
}

.top-learn-box p.leadtext{
  color:#ffffff !important;
	width:250px;
	line-height:1.3em;
}

.otherleadtext{
	position:relative;
  color:#ffffff !important;
	width:250px;
	line-height:1.3em;
}

.top-learn-left{
	width:450px;
	max-width:90%;
	border-radius:5px;
	padding:20px 30px;
	margin:10px auto;
}

.top-learn-right{
	width:450px;
	max-width:90%;
	border-radius:5px;
	padding:20px 30px;
	margin:10px auto;
}

.top-learn-full{
	width:450px;
	max-width:90%;
	border-radius:5px;
	padding:20px 30px;
	margin:10px auto;
}

.top-fx{
	background:url('/wp/img/img-fx-sp.png') no-repeat 0 0;
	background-size:100%;
}

.top-stock{
	background:url('/wp/img/img-stock-sp.png') no-repeat 0 0;
	background-size:100%;
}

.top-other{
	background:url('/wp/img/img-other-sp.png') no-repeat 0 0;
	background-size:100%;
}

.bt-fx{
	width:180px;
	background:#ffffff;
	margin:15px 0 !important;
}

.bt-fx a{
	padding:10px 15px;
	color:#0071b6;
}

.bt-fx a:hover{
	color:#ffffff !important;
}

.bt-fx:hover{
	background:#0071b6;
}


.bt-stock{
	width:180px;
	background:#ffffff;
	margin:15px 0 !important;
}

.bt-stock a{
	padding:10px 15px;
	color:#bb272d;
}

.bt-stock a:hover{
	color:#ffffff !important;
}

.bt-stock:hover{
	background:#bb272d;
}


.bt-other{
	width:180px;
	background:#ffffff;
	margin:15px 0 !important;
}

.bt-other a{
	padding:10px 15px;
	color:#00845d;
}

.bt-other a:hover{
	color:#ffffff !important;
}

.bt-other:hover{
	background:#00845d;
}

/* --- アコーディオンメニュー  --*/

/*====================================================================
.s_01 .accordion_one
====================================================================*/
.s_01 .accordion_one {
  margin: 0em auto;
}

.s_01 .accordion_one .accordion_header {
  color: #fff;
  font-size: 26px;
  font-weight: bold;
  padding: 0;
  text-align: center;
  position: relative;
  z-index: +1;
  cursor: pointer;
  transition-duration: 0.2s;
	line-height:100%;
	margin:0 0 -64px !important;
}

.s_01 .accordion_one .accodion_header img{
}


.s_01 .accordion_one:nth-of-type(2) .accordion_header {
}
.s_01 .accordion_one:nth-of-type(3) .accordion_header {
}
.s_01 .accordion_one .accordion_header:hover {
  opacity: .8;
}


.s_01 .accordion_one .accordion_header .i_box {
	caret-color: transparent;   /* デフォルトの点滅カーソルを非表示 */
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 5%;
  width: 40px;
  height: 40px;
  border: 1px solid #fff;
  margin-top: -20px;
  box-sizing: border-box;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
}


.s_01 .accordion_one .accordion_header .i_box .one_i {
  display: block;
  width: 18px;
  height: 18px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
  position: relative;
}
.s_01 .accordion_one .accordion_header.open .i_box {
  -webkit-transform: rotate(-360deg);
  transform: rotate(-360deg);
}
.s_01 .accordion_one .accordion_header .i_box .one_i:before, .s_01 .accordion_one .accordion_header .i_box .one_i:after {
  display: flex;
  content: '';
  background-color: #fff;
  border-radius: 10px;
  width: 18px;
  height: 4px;
  position: absolute;
  top: 7px;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-origin: center center;
}
.s_01 .accordion_one .accordion_header .i_box .one_i:before {
  width: 4px;
  height: 18px;
  top: 0;
  left: 7px;
}
.s_01 .accordion_one .accordion_header.open .i_box .one_i:before {
  content: none;
}
.s_01 .accordion_one .accordion_header.open .i_box .one_i:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.s_01 .accordion_one .accordion_inner {
  display: none;
	margin: 0px 0px 30px; !important;
  padding: 20px 20px !important;
  border-left: 2px solid #86c03f;
  border-right: 2px solid #86c03f;
  border-bottom: 2px solid #86c03f;
  box-sizing: border-box;
	overflow:hidden;
	
}
.s_01 .accordion_one:nth-of-type(2) .accordion_inner {
  border-left: 2px solid #ff9a05;
  border-right: 2px solid #ff9a05;
  border-bottom: 2px solid #ff9a05;
}
.s_01 .accordion_one:nth-of-type(3) .accordion_inner {
  border-left: 2px solid #1c85d8;
  border-right: 2px solid #1c85d8;
  border-bottom: 2px solid #1c85d8;
}
.s_01 .accordion_one .accordion_inner .box_one {
margin:0;
}
.s_01 .accordion_one .accordion_inner p.txt_a_ac {
  margin: 0;
}


}